1. Plugin Installation:

Access the Bubble Plugin Marketplace and search for "Pexels Media Search Plugin for Bubble".
Install the plugin and add the element to the page where you wish to display Pexels media.

2. Basic Property Configuration:

In the Bubble editor, select the plugin element on your page.
Configure the api_key_pexels property by entering your Pexels API key (obtained from the Pexels API Portal).
Adjust additional properties such as search_term, results_count, search_type (images or videos), orientation, size, color, and locale.

3. "Load More" Button Configuration:

Add a button to your page to enable loading additional results.
In the button's workflow, set the plugin's load_more property to "yes" upon click.
Utilize the has_more_results state to dynamically show or hide this button.

4. Workflow Integration:

Bind the plugin's exposed states (e.g., image_results, video_results, image_names, video_thumbnails) to dynamic elements.
Set up a Repeating Group to display results, using image_results or video_results as the data source.
Implement actions for user interactions, such as selecting and saving media content, or embedding media into your content workflows.

5. Media Display & Interaction:

Directly display media using URLs provided in exposed states (images and videos).
Implement selection workflows to allow users to interact with media items individually.
Use dynamic metadata provided (photographer names, sizes, thumbnails) to enhance content presentation.

6. Backend API Integration:

Use image or video URLs provided by the plugin to store media directly into your Bubble database.
Implement "Schedule API Workflow on a List" workflows to handle batch processing of media items.
Create custom endpoints in Bubble's backend to manage advanced media handling operations.

7. Performance Optimization:

Leverage built-in intelligent caching to minimize unnecessary API calls.
Consider using initial prefetching to load subsequent pages for a smoother user experience.
Display visual loading indicators during API request processing to enhance user engagement.

---

1. Create an Application in Pexels:

Log in to the Pexels API Portal and create a new application.
Follow the provided instructions to set up and register your application.

2. Obtain the API Key (api_key_pexels):

After creating your application, find and copy your API key from the dashboard.
Use this key in Bubble to configure the plugin.

3. Review API Terms and Limits:

Check the usage limits for your account type (free or paid).
Ensure compliance with Pexels API terms and conditions.
Consider requesting increased limits for high-traffic applications.

4. Integrate the API Key in Bubble:

Go to Bubble's "Settings" > "API".
Add your Pexels API key securely under a new key named api_key_pexels.
Save and apply these settings to your application.

---

5. Support & Documentation

To maximize your plugin usage, we provide:

• 📘 Full Documentation: [https://bubbleailabs.com/article/visual-elements/visual-elements-pexels-media-search-plugin-for-bubble]Detailed guides and setup instructions[/url]
  
• 🛠️ Troubleshooting Help: Quick resolutions for common issues available in our FAQ.
  
• 🔄 Continuous Updates: Regular improvements and feature enhancements.
  
• 💡 Visual Content Boost: Access thousands of high-quality, royalty-free images and videos instantly.
  

More Plugins by ANDAON (BubbleAI Labs)
Explore additional powerful Bubble plugins from our team:
🧩 View All Plugins by ANDAON