Step 1: Install the Plugin Open your Bubble app.

Go to the Plugins tab.

Click Add plugins, search for “WGD URL Metadata Extractor” (or use your plugin install link).

Click Install.

Step 2: Create a UI for Input
Go to the Design tab.

Add an Input element for users to enter or paste a URL (e.g., urlInput).

Optionally add a Button labeled “Fetch Metadata”.

Add Text elements or an Image element where you’ll display the metadata (e.g., title, description, image).

Step 3: Set Up the Workflow
Go to the Workflow tab.

Create a new event:
When Button “Fetch Metadata” is clicked

Add an action:
Plugins → WGD URL Metadata Extractor

Step 4: Configure the Plugin Action
In the action step:

urls: Set this to the value from your input, like:
Input urlInput's value

This triggers the plugin to fetch and extract metadata from the entered URL.

Step 5: Use the Output
After the action runs, you can access the returned metadata fields in subsequent workflow steps or on the page.

The plugin returns:

metadata_single._p_title

metadata_single._p_description

metadata_single._p_author

metadata_single._p_date

metadata_single._p_image

metadata_single._p_logo

metadata_single._p_publisher

metadata_single._p_url

For example:

Set a Text element to:
Result of step 1 (WGD URL Metadata Extractor)'s metadata_single._p_title

Set an Image element’s dynamic source to:
Result of step 1's metadata_single._p_image

Step 6: Test
Preview your app.

Enter a URL and click the “Fetch Metadata” button.

Verify that the title, image, and other data are displayed correctly.