Add the vcita Pop-up Widget to a Shopify Website
Please note: This article is provided for educational purposes only! Keep in mind that your setup may look different than the one pictured. vcita will not support custom code or implement code on your website. If you do need more help, we recommend reaching out to a certified web development professional.
Our Pop-up Widget can be deployed to any website using the full HTML code. This article will go over how to deploy the popup widget to your Shopify website.
How to find your HTML Code
To deploy the Pop-up Widget using HTML code to your Shopify website, you will first need to get the HTML code from your vcita account.
Here are the steps to do so:
- From your vcita dashboard, navigate to Online Presence > Website Widgets
- This section contains all the widgets available for you to integrate with your website
- Click on the "Add To Website" button, under the Pop-up Widget option
- The Where is your Website? window will open
- Select Other Websites (HTML) found at the bottom of the list
- Highlight and copy all of the code in the box
You've now copied the HTML code needed to add the widget to your Shopify website.
How to Deploy to Shopify
Now that you have your HTML code, you are ready to deploy the widget to your website on Shopify!
Here are the steps to do so:
- Log into your Shopify account and navigate to Themes
- Select Customize to edit your theme
- Click Theme Actions and select Edit Code to access the code editor for your Shopify website
- Find the footer of your Shopify website and paste the Pop-up Widget code into the footer
- Click Save to save your changes
- Your widget should now appear on your website
If you would like to customize the Pop-up Widget, be sure to check out our article Customize Your Pop-up Widget!