Your Shopify Store on GoHighLevel website — live in 3 steps
SociableKIT syncs your shopify store automatically. Set up once, embed anywhere — free to start, no coding required.
-
Create in 60 seconds
Pick Shopify Store in the dashboard and connect your source.
-
Match your brand
Colors, fonts, layout — tune it until it feels native to your site.
-
Paste one line of code
Drop the embed snippet on your GoHighLevel website. No dev team needed.
Embed Shopify Store with SociableKIT — step by step
Create your widget in the dashboard, copy the embed code, and paste it on your GoHighLevel website. Screenshots included so you never get stuck.
Create and customize your Shopify Store widget
The first part is creating your Shopify Store widget using the SociableKIT dashboard. Customize the look and feel to match your brand. Follow the steps below.
-
Sign up FREE or login to SociableKIT. You can login here if you already have an account. Once you sign up, you will start your 7-day premium trial. After 7 days, you can activate the free plan if you don't need our premium features.
- Paste the embed code and save your GoHighLevel website page. Please follow the second part below to add Shopify Store widget to your GoHighLevel website .
Add Shopify Store widget to your GoHighLevel website
The second part is adding your Shopify Store widget to your GoHighLevel website . After you customize your Shopify Store widget and copied the embed code, it is time to add it to your GoHighLevel website . Follow the steps below.
- Copy your free Shopify Store widget embed code. Make sure you followed the first part above. It detailed how to you can create and customize your widget to get your free embed code.
- Log in to GoHighLevel.
![]()
- Navigate to Subaccount > Dashboard > Edit mode by clicking the pencil button.
![]()
- Click on the blue "+ Add Widget" button to open the Add Widget panel, which also lets you add elements (embed, title, image, text box).
![]()
- Click on the Elements tab.
![]()
- Click the Embed button.
![]()
- Write in your desired title and set your desired type to IFRAME.
![]()
- Click the blue save button to save the element to the dashboard.
![]()
- Done! Check if the widget has been successfully embedded on your website.
Website builders
Paste your embed code on any platform
SociableKIT works with every major website builder. Pick yours below for copy-paste instructions tailored to that platform.
To embed Shopify Store on your GoHighLevel site, follow the steps below after you have your SociableKIT embed code.
- Sign up free to SociableKIT and create your Shopify Store widget.
- Customize your widget and copy the embed code from the dashboard.
- Log in to GoHighLevel.
![]()
- Navigate to Subaccount > Dashboard > Edit mode by clicking the pencil button.
![]()
- Click on the blue "+ Add Widget" button to open the Add Widget panel, which also lets you add elements (embed, title, image, text box).
![]()
- Click on the Elements tab.
![]()
- Click the Embed button.
![]()
- Write in your desired title and set your desired type to IFRAME.
![]()
- Click the blue save button to save the element to the dashboard.
![]()
- Done! Check if the widget has been successfully embedded on your website.
To embed Shopify Store on your WordPress site, follow the steps below after you have your SociableKIT embed code.
- Sign up free to SociableKIT and create your Shopify Store widget.
- Customize your widget and copy the embed code from the dashboard.
- Login to your WordPress site.
![]()
- On your WordPress, go to the "Pages" section then click the "Add new page".
![]()
- Pick a pre-defined layout or start with a blank page by clicking the "Blank page" button.
![]()
- On the body of your page, click the "+" icon and click the "Custom HTML".
![]()
- Paste the code in the text area and click update.
![]()
- The widget will appear on the WordPress page.
![]()
- Click the Publish or Update button on your WordPress page.
![]()
- Click the view page. Done!
To embed Shopify Store on your Wix site, follow the steps below after you have your SociableKIT embed code.
- Sign up free to SociableKIT and create your Shopify Store widget.
- Customize your widget and copy the embed code from the dashboard.
- Login to Wix.
![]()
- On your existing website click the "+" button beside the "Main pages" section.
![]()
- Then click the "Add page" button.
![]()
- Name your page then hit enter.
![]()
- On the left, click "Add element". Find and click "Embed code". Click and drag "Embed a site" on your page then resize the container.
![]()
- Click "Change website address".
![]()
- Paste the link you copied from SociableKIT then click "Apply".
![]()
- Click "Publish" on the upper right.
![]()
- Click "View site". Done!
![]()
To embed Shopify Store on your Squarespace site, follow the steps below after you have your SociableKIT embed code.
- Sign up free to SociableKIT and create your Shopify Store widget.
- Customize your widget and copy the embed code from the dashboard.
- Login to Squarespace. You must have a "Business" account in Squarespace to use the widget. The "code block" needed cannot be found if you only have a "Personal" account.
![]()
- Create a new blank page or edit your existing page. Identify which page you want the widget to appear. You can create a new page on Squarespace, or you can edit your existing page where you want the widget to appear.
![]()
- Add a Code Block. On your Squarespace page, click the 'Edit' button. Find the 'Code' block and click it.
![]()
- Paste the embed code from SociableKIT. On the 'Content' of the 'Code' block, paste the JavaScript embed code you have copied from your widget.
![]()
- Save the changes on the 'Code block'. After pasting your widget's embed code. Click the 'Save' button on the left part of the page.
![]()
- View your page. Refresh your Squarespace page and check your SociableKIT widget. Done!
![]()
To embed Shopify Store on your Webflow site, follow the steps below after you have your SociableKIT embed code.
- Sign up free to SociableKIT and create your Shopify Store widget.
- Customize your widget and copy the embed code from the dashboard.
- Login to Webflow.
![]()
- On your existing website, click the "Page: ...." in the upper left corner then click the "Create new page" icon.
![]()
- Once done add a name for your new page then click "Save".
![]()
- On the left, click "Add Element". Drag "Embed" to your page.
![]()
- Paste the JavaScript code you copied from SociableKIT.
![]()
- On the upper right, click "Publish" > "Publish to Selected Domains".
![]()
- View your page. Done!
To embed Shopify Store on your Shopify site, follow the steps below after you have your SociableKIT embed code.
- Sign up free to SociableKIT and create your Shopify Store widget.
- Customize your widget and copy the embed code from the dashboard.
- Login to Shopify.
![]()
- On the left side, click Online Store.
![]()
- Click Pages. Add a new page or edit your existing page.
![]()
- On the Page details, click Show HTML icon (<>).
![]()
- Paste the embed code and click the Save button.
![]()
- Click the View page button. Done!
![]()
To embed Shopify Store on your HTML site, follow the steps below after you have your SociableKIT embed code.
- Sign up free to SociableKIT and create your Shopify Store widget.
- Customize your widget and copy the embed code from the dashboard.
- Open your HTML file.
![]()
- You can create a new HTML page or edit your existing HTML page.
![]()
- Paste the Javascript code you copied from SociableKIT. Paste it where you want the widget to appear.
![]()
- Save your HTML page.
![]()
- You may now upload your HTML page to your web hosting.
To embed Shopify Store on your Google Sites site, follow the steps below after you have your SociableKIT embed code.
- Sign up free to SociableKIT and create your Shopify Store widget.
- Customize your widget and copy the embed code from the dashboard.
- Login to Google sites. You must have at least a 'Business Starter' plan to create and customize your Google sites.
![]()
- Create or edit an existing website. Click the + 'Blank' button on the 'Start a new site' section to create or find your existing website under the 'Recent sites' section.
![]()
- Create a new blank page or edit your existing page. Identify which page you want the widget to appear. On the right sidebar, you will see an 'Embed' button. Click the 'Embed' button.
![]()
- Add the widget. A popup 'Embed from the web' will open up. Select the 'Embed code' tab on the popup.
![]()
- Paste the embed code from SociableKIT. On the 'Embed code' tab, you will see 'HTML code goes here' text. Paste the embed code from your SociableKIT widget.
![]()
- Save the widget. Once you have pasted your embed code, click the 'Next' button.
![]()
- Preview of your SociableKIT widget. After clicking the Next button, a preview of your embed code will be displayed. Click the 'Insert' button to insert the widget to your Google sites page.
![]()
- Edit the widget. Once the widget has been inserted, you will have the option to resize the widget. After resizing the widget to your preferences, click the 'Publish' button on the upper right corner of the page.
![]()
- Publish your page. After publishing the site, click the down 'Arrow' button beside the 'Publish' button.
![]()
- View your page. A dropdown of buttons will be displayed, click the 'View published site' button. Done!
![]()
Live preview
Pick a Shopify Store template — see it live
Choose a starting design on the left and watch the preview update with real data. What you see is exactly what visitors get on your GoHighLevel website.
Common questions
Frequently asked questions
Everything you need to know about embedding Shopify Store on your GoHighLevel website.
What is a Shopify Store widget?
A Shopify Store widget displays products from your Shopify store directly on another page or website. It gives visitors a branded place to browse your products while Shopify continues to manage the commerce side.
How do I embed my Shopify store on a website without coding?
Create the widget in SociableKIT, connect your Shopify store source, customize the design, and copy the generated embed code. Paste that code into an HTML, custom code, iframe, or embed block on your website.
What Shopify information do I need to create the widget?
You need the Shopify store source requested in the SociableKIT editor, such as the public store address. Make sure the source points to the correct live store before you finish the setup.
Do I need to install a Shopify app or build an API connection?
No custom API development is required for the standard SociableKIT setup. SociableKIT handles the technical connection and gives you one reusable embed code for your website.
Will new products, prices, and inventory update automatically?
Yes, paid SociableKIT plans include automatic syncing, so you do not need to rebuild the widget whenever your Shopify store changes. Updates appear after the next available sync, while the free plan lets you request a refresh.
Can customers buy products through the Shopify Store widget?
The widget helps visitors browse products and move into the Shopify purchase flow. Shopify remains responsible for the cart, secure checkout, payment, taxes, shipping, and order processing.
Will customers leave my website to complete checkout?
The product-browsing experience can stay inside your website, while the final checkout experience is handled securely by Shopify. The exact transition depends on your store and widget configuration.
Can the widget display product variants such as size or color?
Shopify manages variants and options such as size, color, material, and price. The widget can reflect available product information, while detailed variant selection may continue through the Shopify product or purchase flow.
What happens when a product is sold out or unpublished?
When Shopify changes a product's availability and SociableKIT syncs again, the widget can reflect the updated store data. Shopify settings still determine whether an out-of-stock product remains visible, can be oversold, or is removed from a sales channel.
Can the widget display only selected products or collections?
Organize and publish the products you want customers to see from your Shopify admin. Where selection or filtering controls are available in the widget, SociableKIT can help you shape the product display around a collection, campaign, or page.
Will a password-protected Shopify store work with the widget?
A public, accessible Shopify storefront gives the widget the best chance of retrieving products and supporting the buying flow. Password protection, unpublished products, or restricted sales-channel availability can prevent products or checkout from working as expected.
Can I display products from more than one Shopify store?
Yes, you can add additional Shopify stores as separate sources and create a widget for each one. Choose a SociableKIT plan with enough sources for the number of stores you want to connect.
Can I reuse the same Shopify store on multiple pages or websites?
Yes, paid SociableKIT plans include unlimited widgets, websites, and domains. You can reuse one store source in different layouts for a homepage, product page, campaign, blog post, or partner website.
Which website builders support the Shopify Store widget?
SociableKIT works with WordPress, Shopify, Wix, Squarespace, Webflow, Weebly, Google Sites, SharePoint, and standard HTML websites. It can also work with other platforms that accept an HTML, custom code, iframe, or embed element.
Is the Shopify Store widget mobile responsive?
Yes, the widget adjusts to the space available on desktop, tablet, and mobile screens. Visitors can browse products in a cleaner layout without awkward horizontal scrolling.
Can I customize the widget to match my brand?
Yes, you can customize colors, fonts, layout, spacing, and calls to action while previewing the result. SociableKIT also provides masonry, grid, and carousel templates so you can launch quickly without settling for a generic storefront.
Will the Shopify Store widget slow down my website?
Any external product feed adds page resources, so performance depends on your website, theme, image sizes, and the number of products displayed. Keep the section focused and test the published page on mobile before launching a large campaign.
Will embedding Shopify products improve my website SEO?
The widget can improve product discovery and give visitors more useful paths to shop, but it does not guarantee higher search rankings. Add original category copy, product context, headings, and internal links around the widget so the page remains useful to search engines and shoppers.
Is there a free plan, premium trial, or traffic limit?
SociableKIT offers a free plan with one source, one widget, 2,000 monthly views, design customization, branding, and sync requests. You can also test premium features for seven days, while paid plans include unlimited widgets, unlimited views, and automatic syncing.
What support is available if my Shopify products stop displaying?
SociableKIT provides human support through chat and email for source setup, syncing, installation, and display issues. Paid plans include 24/7 support, which is useful when the widget supports an important product launch or sales campaign.
Add your Shopify Store widget today
Set up in minutes. Free forever to start.
Create your widgetFree forever · No credit card · Cancel anytime

























































