Visual Elements

System is looking for solutions in Knowledgebase, Blogs, AI, and other places

How to Configure the Plugin in Bubble

1. Get a Giphy API Key

  1. Go to Giphy Developers and create an account or log in.
  2. Select "Create an App" and choose the API type:
    • SDK: For testing and development (limit of 25 searches per hour)
    • Production: For production applications (requires approval)
  3. Complete the required information about your application.
  4. Once created, you'll find your API Key in the dashboard.

2. Configure the API Key in Bubble

  1. In the Bubble admin panel, go to "Settings" > "API".
  2. In the "API Keys" section, add a new entry with the name "api_key_giphy".
  3. Paste your Giphy API Key as the value.
  4. Save the changes.

3. Install and Configure the Plugin in Your Application

  1. Add the plugin element to your page.
  2. Configure the properties according to your needs:
    • search_term: Connect with a text field to allow searches.
    • load_more: Connect with a "Load more" button using a workflow.
    • results_count: Set how many results you want per page.
    • rating: Configure the appropriate rating for your audience.
    • media_type: Select the type of content you want to display.

4. Display the Results

  1. Add a Repeating Group to your page.
  2. Configure the data source as the plugin element.
  3. In "Source of Data" select the "image_urls" state (or the state you need).
  4. Inside the Repeating Group cells, add an image and configure its source as "Current Cell's Value".

Was this page helpful?

Thank you for your feedback!

Comments (00)

Leave a comment

Sign in to post your comment or Sign Up if you don't have any account.

Ai Replying

We use cookies to enhance your experience on our website. By continuing to browse, you agree to our use of cookies. Learn more in our Privacy Policy

Accept All Reject All

Support, Knowledgebase, Live Chat, and CRM.

Get In Touch

Need More Help