Add the Contact Form Widget to your 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 Contact Form widget can be deployed to any website using the full HTML code. This article will go over how to deploy the contact form widget to your Shopify website.
How to Find Your HTML Code
How to Deploy to Shopify
How to find your HTML Code
To deploy the Client Portal Widget using HTML code to your Shopify website, you will first need to get the HTML code from your vCita.
Here are the steps to do so:
- From your vCita dashboard, navigate to Online Presence > Website Widgets
- Click on the "Add To Website" button, under the Additional Widgets 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 Edit the page you want to add the contact form to
- In the content editor, switch to code editor by clicking on Show HTML and paste the copied code into the HTML field where you want the contact form to appear
- Click on "Save" to save your changes
- The contact form should now appear on your page
Still have questions? Contact us.