In this article
In this article, you’ll learn how to embed interactive Vimmi widgets (Solo Video Widget, Video Mall Widget, or Video Carousel Widget) into your Fourthwall storefront using a Custom HTML section.
By the end, your videos will be shoppable and seamlessly integrated with your Fourthwall pages.
Main Steps
Create or open an embed in Vimmi Console → How to Get Your Embed Code
Configure widget settings (size, corners, Fit Mode, autoplay, etc.)
Add your Website Destination (your Fourthwall domain)
Copy the embed code → How to Get Your Embed Code
Insert the code into Fourthwall → Site Design → Layouts → Custom HTML
Save & publish changes in both Vimmi and Fourthwall
Prerequisites
A Vimmi account with at least one created embed (Video Mall, Carousel, or Solo Video)
Access to Fourthwall with permission to edit Site Design
If you haven’t installed the app yet → Vimmi Application Installation for Fourthwall
1) Get your embed code from Vimmi
Go to Vimmi Console → Embed Management.
Need help? → How to Get Your Embed Code
Create a new embed (Video Mall / Video Carousel / Solo Video) or open an existing one
Configure it:
Name
Width / Height
Rounded Corners
Fit Mode (Fit to Player / Fill Player)
Add your Website Destination
Save the embed.
Click Embed code and Copy the snippet.
2) Add the code in Fourthwall
Log in to Fourthwall and open Site Design.
Go to the Layouts tab.
Select the page where you want the widget.
Click Add Section → Custom HTML.
Paste the entire Vimmi embed code into the HTML field.
Position the section where you want it in the layout.
Click Save/Publish in Fourthwall.
Troubleshooting
Widget not showing
Ensure the embed was Saved before copying the code.
Verify Publish is ON for the embed in Vimmi.
Confirm your destination domain is added in the embed settings.
Paste the full snippet (script + <vimmi-watch-player-widget> tag) with unmodified quotes.
Make sure that you have not reached the limits of your plan.
Ensure that all the videos in the playlist have been published.
Layout issues (too narrow/tall)
Adjust Width/Height or Fit Mode in the embed settings.
Check the parent container’s CSS in Fourthwall.
Stale changes
Clear cache or open the page in incognito mode.
Ensure you clicked Save in both Vimmi and Fourthwall.
For more details, check Fourthwall’s official guide .
Q1: Can I embed multiple Vimmi widgets on one Fourthwall page?
Yes. You can add multiple embeds within different HTML sections.
Just include the <script> once per page, and paste each <vimmi-watch-player-widget> where needed.
Q2: Why is my Vimmi player not showing up after publishing?
Make sure you’ve saved the embed in Vimmi Console, and added your Fourthwall domain to Website Destinations.
Q3: Can I adjust the size or aspect ratio of the widget?
Yes. You can change Width, Height, and Fit Mode in your Vimmi embed configuration.
Q4: Can I customize styling through Fourthwall?
You can adjust the container style in Fourthwall (padding, margins, layout), but internal widget styling is managed in the Vimmi Console.