With this element, you can open media content like images, videos, or text in a popup when clicked. It helps present important content in a clean and engaging way without taking up space on the page. The Click to Media element improves user interaction while keeping your design simple, modern, and responsive across all devices.
Required Setup
- Bricks Builder installed & activated.
- You need to have the WDesignKit plugin installed and activated.
- Make sure you’ve created an account and logged into it.
- Make sure you’ve downloaded the Click to Media element.
How to Activate the Click To Media Element?
Go to
- WDesignKit → Widgets → Browse Widgets.
- Search the element name and select Bricks as the Page Builder.
- Click on the Download icon.
Use Cases
Use the Click to Media element when you want to display media content in a popup on click. It allows you to show images, videos, or text without cluttering your page, making it easier for visitors to focus on the content only when needed. This element works smoothly on all devices and is perfect for creating interactive user experiences.
Best For:
- Interactive Media Display: Show images, videos, or text in a pop-up when users click a button, keeping the layout clean.
- Video Popups: Display YouTube, Vimeo, or custom videos without embedding them directly on the page.
- Image Preview: Allow users to view images in a larger pop-up without leaving the current page.
- Minimal Layout Design: Keep your page clutter-free by hiding media content inside a click action.
- Landing Pages: Highlight important content like product demos, features, or messages in a pop-up.
- Portfolio & Creative Websites:Showcase projects, visuals, or creative work in an interactive way.
- Marketing & Promotion: Display promotional videos or key messages to grab user attention instantly.
- User Engagement: Encourage users to interact with content through clickable media buttons.
- Modern UI Design: Perfect for clean, interactive, and user-friendly website designs.
How to Use the Click To Media Element in Bricks?
Add the Click To Media element to the page.
CONTENT
Once you add the widget, you’ll see a repeater item from the Media section, and you can add the media items. By default, you’ll find one repeater item; open it.
From the Select Type dropdown, you can choose the media type you want to display. Here, you’ll find the following options –
- Image – To add an image from the Select Image field.
- Video – To add a video from the Select Video field.
- Text – To add text content from the Text field.
When you select Text, you can also choose a text color from the Text Color field.
- Video URL – To embed a video using a URL from the URL field.
Note:Please enter a valid embed video URL.
Note : Depending on the selected type, you will then need to add the corresponding media or content.
By enabling the Open in new tab toggle, the attached URL will open in a new browser tab.
You can click on the + ADD ITEM button to add more media items.
Then, from the Style tab, you can further customize the style of the Click to Media.