Web Search

• Web search with knowledge graph support

• Image search

• Video search

• News search

• Shopping/product search

• Places and locations search

All results are returned in structured JSON format, ready to be displayed in repeating groups or used in workflows.

• Visit https://serper.dev/

• Click on “Sign up” to create a new account, or “Log in” if you already have one.

• Navigate to the API Key section in your Dashboard and copy your API key.

• Go to the Plugin Tab
• Open your Bubble Editor.
• Navigate to the Plugins tab on the left panel.

• Add Plugins
• Once in the Plugins tab, click the Add Plugins button.

• Search for the Plugin
• Use the search bar to type Web Search.



• Locate the plugin in the search results.

• Install/Buy
• If the plugin is free, click Install to add it to your application.
• For a paid plugin, click Buy and follow the purchase instructions

• After installing, scroll to the plugin in your plugin list

• Paste your Serper.dev API Key into the API Key field

• Go to your Bubble editor → Design tab.

• Drag an Input element onto your page and name it Input Search.

• Add a Button below it labeled “Search”.

• Drag a Repeating Group onto the page.

• Set Type of content to News Search body new (Web Searching).

• For Data source, Get Data from an external API

• Set the API provider to Web Searching - News Search

• Set the Query to Input Search's value.

This triggers the plugin to fetch search results based on the user’s input.

• Inside the repeating group, add a Text element and set it to show current cell’s text.

• Go to the Workflow Tab
• In your Bubble editor, click on the Workflow tab.

• Add a New Event
• Click "+ Click here to add an event"
• Choose "Elements → When Button Search is clicked"

• Add an Action to Display Results
• Click "Click here to add an action"
• Go to Element Actions → Display list

• Configure the Display List Action
• Element: Select your Repeating Group (e.g., RepeatingGroup News Results)



• Data source: Select "Get data from an external API"
• API provider: Web Searching - News Search



• Query: Set this to Input Search's value (or whatever your search input is called)

This will display the plugin results in your repeating group dynamically based on what the user types into the search field.

json
{
  "body searchParameters q": "text",
  "body searchParameters type": "text",
  "body searchParameters engine": "text",
  "body knowledgeGraph title": "text",
  "body knowledgeGraph type": "text",
  "body knowledgeGraph website": "text",
  "body knowledgeGraph imageUrl": "text",
  "body knowledgeGraph description": "text",
  "body knowledgeGraph descriptionSource": "text",
  "body knowledgeGraph descriptionLink": "text",
  "body knowledgeGraph attributes Customer service": "text",
  "body knowledgeGraph attributes Founders": "text",
  "body knowledgeGraph attributes Products": "text",
  "body knowledgeGraph attributes Headquarters": "text",
  "body knowledgeGraph attributes CEO": "text",
  "body knowledgeGraph attributes Founded": "text",
  "body knowledgeGraph attributes COO": "text",
  "body organic": {
    "title": "text",
    "link": "text",
    "snippet": "text",
    "sitelinks": {
      "title": "text",
      "link": "text"
    },
    "position": "number"
  },
  "body peopleAlsoAsk": {
    "question": "text",
    "snippet": "text",
    "title": "text",
    "link": "text"
  },
  "body relatedSearches": {
    "query": "text"
  },
  "error status_code": "number",
  "error status_message": "text",
  "error body": "text",
  "returned_an_error": "yes/no"
}

json
{
  "body searchParameters q": "text",
  "body searchParameters type": "text",
  "body searchParameters engine": "text",
  "body images": {
    "title": "text",
    "imageUrl": "text",
    "imageWidth": "number",
    "imageHeight": "number",
    "thumbnailUrl": "text",
    "thumbnailWidth": "number",
    "thumbnailHeight": "number",
    "source": "text",
    "domain": "text",
    "link": "text",
    "googleUrl": "text",
    "position": "number"
  },
  "error status_code": "number",
  "error status_message": "text",
  "error body": "text",
  "returned_an_error": "yes/no"
}

json
{
  "body searchParameters q": "text",
  "body searchParameters type": "text",
  "body searchParameters engine": "text",
  "body videos": {
    "title": "text",
    "link": "text",
    "snippet": "text",
    "imageUrl": "text",
    "duration": "text",
    "source": "text",
    "date": "undefined",
    "position": "number"
  },
  "error status_code": "number",
  "error status_message": "text",
  "error body": "text",
  "returned_an_error": "yes/no"
}

json
{
  "body searchParameters q": "text",
  "body searchParameters type": "text",
  "body searchParameters engine": "text",
  "body places": {
    "position": "number",
    "title": "text",
    "address": "text",
    "latitude": "number",
    "longitude": "number",
    "rating": "number",
    "ratingCount": "number",
    "priceLevel": "text",
    "category": "text",
    "phoneNumber": "text",
    "website": "text",
    "cid": "text",
    "placeId": "text"
  },
  "error status_code": "number",
  "error status_message": "text",
  "error body": "text",
  "returned_an_error": "yes/no"
}

json
{
  "body searchParameters q": "text",
  "body searchParameters type": "text",
  "body searchParameters engine": "text",
  "body news": {
    "title": "text",
    "link": "text",
    "snippet": "text",
    "date": "undefined",
    "source": "text",
    "imageUrl": "text",
    "position": "number"
  },
  "error status_code": "number",
  "error status_message": "text",
  "error body": "text",
  "returned_an_error": "yes/no"
}

json
{
  "body searchParameters q": "text",
  "body searchParameters type": "text",
  "body searchParameters engine": "text",
  "body shopping": {
    "title": "text",
    "source": "text",
    "link": "text",
    "price": "text",
    "delivery": "text",
    "imageUrl": "text",
    "rating": "number",
    "ratingCount": "number",
    "offers": "text",
    "productId": "text",
    "position": "number"
  },
  "error status_code": "number",
  "error status_message": "text",
  "error body": "text",
  "returned_an_error": "yes/no"
}

• Acquired by Zeroqode.

• Updated Description.

• Added Details - New Search Capabilites Info.

• Updated API.

• Updated Description.

• Minor Fix.

• Added Documentation..

• Deprecated (API no longer available).

• New Update.

• description changes.

• Added a demo Application: https://websearchplugintest.bubbleapps.io/.

• v1.