VizupCommerce

How to Create a Floating Pop Widget?

Vizup app setup support

Detailed Steps to Create a Floating Widget:

Step 1: Create a New Widget

In the sidebar navigation menu, click on the “Floating Style” tab. This will open the floating style view. Locate the button labeled “Create New Widget” and click it to create a new widget.

Create New Widget

Step 2: Name Your Widget

Give your widget a name in the provided field. Once you’ve entered a name, click the “Create” button to save your new widget.

Floating Widget Modal

Step 3: Add Videos to Widget

Click the “Configure Widget” button to open the widget details view. There, you’ll find the “Add Videos to Widget” button. Click it to open the video selection interface and choose the videos for your floating widget.

Add Videos Button

Step 4: Save Your Video Selections

Select the videos you want to include in your floating pop. After making your selections, click the “Add to Widget” button. This will add the selected videos to your floating widget and save your changes.

Add to Widget

Step 5: Choose Your Widget’s Display Location

Choose where you want your floating widget to appear on your website. You can place it on the Homepage for maximum visibility, the Product Page to showcase related products, or the Collection Page to promote specific product groups.

Display Widget Location Options

Step 6: Save the Widget’s Display Location

After selecting your display location, click “Save” to confirm your choice and place the floating widget on your website.

Save Floating Widget

Step 7: Shopify Theme Customization

Open Shopify Theme Customizer (GoTo Shopify Admin -> Online Store -> click on Customize button).

Shopify Customization

Step 8: Access the App Embeds

In the Shopify theme editor, locate the sidebar menu. Click on the “App Embeds” tab to access the app embed settings.

Click the App

Step 9: Enable the Floating Pop App

In the Shopify theme editor’s “App Embeds” section, locate the “Floating Pop” app and toggle the switch to enable it. This integrates the app with your Shopify theme.

Widget Name

Step 10: Save the Shopify Theme

Once you’ve enabled the app, click “Save” to apply the changes. This will activate the floating pop-up on your Shopify theme and make it live on your website.

Save Shopify Theme
← Back to Docs