How to embed widgets into the webpage

Using the Inline type, you can display Getsitecontrol widgets as an integrated part of your site as well. The process is just as easy as creating our other kinds of widgets.

What is the Inline widget?

Before we start, let’s make it clear what exactly the Inline widgets are.

The Inline widgets are completely of a different type as unlike regular popups, they are embedded right into the webpage and look just like a part of your site.

An Inline widget embedded into the webpage

Such widgets are quite unobtrusive and don’t drive the visitors’ attention away from the main content of your site.

As it’s cleared up now, let’s take a closer look at the creation process.

Creating a widget

When creating a widget, choose Inline and select the necessary layout.

Creating an inlined widget

After the widget is created and saved, you’ll see a hint popup with the code for its embedding.

The hint popup

For Shopify Online Store 2.0, it looks like this

The hint popup for a regular account

Let’s take a closer look at different ways of widget embedding.

How to embed Shopify Online Store 2.0 theme editor

This method is available for Shopify Online Store 2.0 theme editor only.

If you’re a user of an Online Store 2.0 theme, you can embed the widget with ease. Check out our video guide on it!

So, first of all, you need to add a new section to your theme.

Adding a new section

In the dropdown menu, scroll down to Apps and select Inline widget.

The Inline widget option in Apps

After that, open your Getsitecontrol dashboard.

Opening the Getsitecontrol dashboard

Copy the ID of the necessary widget.

Copying the widget ID

Then paste the ID to the Widget ID field.

Adding the widget ID to the necessary field

That’s it, the widget is ready! After saving the changes, the widget will appear as a part of your site.

The embedded widget

How to embed WordPress custom HTML block

If you’re a WordPress user, you can embed the widget with the help of Custom HTML blocks. All you need to do is to copy the widget code and add it to your HTML block.

First, copy the code from the Embed section of your Getsitecontrol dashboard.

Then go to your WordPress site editor, add a Custom HTML block and paste the widget code there.

Place the block to the necessary part of your webpage and save the changes.

Done! Now the Getsitecontrol widget is a part of your site.

How to embed Adding the widget code to a site

It’s also possible to embed the widget in a general way. Copy the code from the Embed section.

After that, add it to the code of your site, right in the place where the widget should appear.

Adding the widget code to a site

Please note that the Getsitecontrol installation code should be placed on the pages where you’re going to embed widgets.

And that’s all you need to do! After the changes are set, the widget will be placed right where you specified.

Browse by category