Instagram Business

Instagram Business

To create an Instagram business widget, the first step is to establish an Instagram business account and link it with a Facebook page.
If you're unsure about how to do this, you can refer to this guide on " How to set up a business account on Instagram " for detailed instructions.

Welcome to the “Instagram Business” documentation. Looking to integrate Instagram Business into your website? Our widget is your gateway to seamlessly connect your website with your Instagram Business account. In this guide, we'll show you how to use the editor to customize your Instagram Business widget.

Step 1 : Open The Editor
1. Go to Instagram Business template.
2. Click on "Edit" after choosing your template.

Step 2: connect to your instagram business account

Begin by connecting to your Instagram business account:

1. First, click on the "Continue with Facebook" button.

2. After logging in, you can either proceed directly with your current account or edit access first.


3. Here, you will see a list of Instagram accounts that users can select to be granted access, along with a list of the pages you manage.
Ensure that all pages connected to this Instagram business account remain active.

4.  Here for example, we have two pages, one connected to the Instagram business account and the other not, when you select both of them, only the page connected to the Instagram business account will appear in the list.
5. You also have the option to disconnect or delete your data as needed.

Step 3: Adjust the Layout

In this panel, you have the option to choose how to display your layout, either as a carousel or grids. For each layout type, you can customize specific options. For example, you can adjust the gap between cards, and specify the number of columns and rows.
For the carousel, you can set the autoplay delay, decide whether to enable the loop, and choose whether to display dots and controls.
In the case of grids, you can define the button label, adjust its roundness, and customize its border.

Step 4: Configure settings

In the settings panel, you have control over various aspects:

1. You can adjust the spacing around the widget by customizing the margin and padding.

2. In this section, you can choose to display or hide the header. Specify its width and select which header content to display, such as the username, user image, biography, follows, and followers.

3. Additionally, you can set the redirect links to open in the same tab or a new tab.

Step 5: Personalize cards

In the card panel, you have control over various aspects:

1. Choose how to display your cards, either as default or cover. You can also select the action that occurs when the post is clicked.

2. In the "Props" section :

  • When you select the default card, you can specify the image height, border style, shadow, roundness, and write the more label button.  

  • When you choose the cover card, you can do the same as the default card and additionally, you can opt to show an overlay over the card and adjust its opacity. 

  • 3. Furthermore, you have the option to show or hide each card's content as needed.

    Step 6: customize the popup

    1. When configuring the popup, you can select its display mode, either as default or mobile.

    2. In the "Props" section, you can set the popup's roundness, write the button label, and adjust its roundness.

    3. Additionally, you can choose whether to show or hide each popup's content as required.

    Step 7: Choose Colors

    Within this panel, you can select colors that match your website's design.

    Step 8: Preview

    Lastly, you can click on “Preview” to see how your Instagram Business widget looks on both desktop and mobile devices. After this, you can proceed to the next step.