Skip to main content
All CollectionsWidgetsLoyalty Builders
How to Use the Instagram Feed Widget in the Debutify Theme?
How to Use the Instagram Feed Widget in the Debutify Theme?

A guide on how to use the Instagram Feed widget in the Debutify Shopify theme

Micah Quinto avatar
Written by Micah Quinto
Updated over a week ago

What is an Instagram Feed Widget?

Are you looking for a way to showcase your Instagram feed on your Shopify store? Look no further than the Instagram Feed widget!

The Instagram Feed widget is a useful tool for showcasing your Instagram feed on your Shopify store's Homepage and/or Product pages. This widget allows you to display your Instagram content directly on your website, making it easier for your customers to see your latest posts and updates.

Why Use the Instagram Feed Widget?

Adding the Instagram Feed widget to your store can have numerous benefits for your business. Not only does it expand your reach and increase your visibility, but it also helps to enhance your credibility with followers.

For businesses that heavily rely on social media marketing, the Instagram Feed widget is a must-have. By seamlessly integrating your Instagram presence into your website, you can make it easier for potential customers to discover and engage with your brand.

Benefits of Using the Instagram Feed Widget

Still not convinced that the Instagram Feed widget is right for your store? Here are some additional benefits to consider:

In addition to widening your business reach, the Instagram Feed widget can also help to enhance your credibility with followers. By showcasing your Instagram feed on your website, you are providing social proof to your customers that your brand is active and engaged on social media. This can help to build trust and credibility with your audience, ultimately leading to increased conversions and sales.

Similar to adding the Facebook messenger chat widget to your store, the Instagram Feed widget is a valuable tool for engaging with your customers. By showcasing your Instagram content on your website, you are providing another avenue for customers to interact with your brand and stay updated on your latest products and promotions.


How to Enable/Disable the Instagram Feed Widget?

The enablement or disablement of widgets depends on the version of your Debutify Theme. Please follow the correct guide based on your theme version:

How to Enable or Disable the Debutify Theme Widgets on versions 7.1 and above?

STEP 1

Access your Shopify Admin's Theme Library to open the theme customizer.

STEP 2

Click on the Theme settings icon.

Click on the Theme settings icon.

STEP 3

Scroll down and locate the Debutify Widgets tabs. You’ll find the following categories:

  • Debutify Free Widgets

  • Debutify Paid Widgets

Expand the relevant widget category by clicking on the arrow next to the tab name.

STEP 4

To enable a widget, check the box next to the widget name. To disable it, simply uncheck the box.

How to Enable or Disable the Debutify Theme Widgets between versions 6.0 and 7.0.2?

STEP 1

Sign in to your Debutify Theme Login Portal at platform.debutify.com, and navigate to the Widgets section.

STEP 2

Choose your widget from the Widgets menu, either by searching or filtering by category.

STEP 3

To enable or disable your chosen widget, click on the toggle switch.

STEP 4

  • To enable the widget, confirm by clicking Enable in the confirmation message that appears.

  • To disable the widget, confirm by clicking Disable in the confirmation message that appears.

Note: Enabling or disabling widgets on Debutify Login Portal is available only in Debutify Theme versions 6.0 to 7.0.2. Please make sure your theme is within this version range to access this feature.


How to Link Instagram to Your Store?

STEP 1

Go to developers.facebook.com. If you don't have an account, click 'Get Started/Log in.'

If you do have an account, click My Apps.

STEP 2

Click on Create App.

STEP 3

You will be redirected to a page, asking you 'What do you want your app to do?" Choose Other and click Next.

Select Consumer as the app type.

Select Consumer as the app type.

Then, add an app name. The name can be whatever you want, and you can change it later in settings.

STEP 4

Find Instagram Basic Display and click on Set Up.

STEP 5

On the App settings page, select Basic, and then click on "+ Add platform."

Then, select Website and add site URL.

STEP 6

To get the access token, go to Basic Display, then click Create New App.

In the form that appears, follow the guidelines to complete each section: The Display name

Enter your website’s URL for the Valid OAuth Redirect URL, Deauthorize Callback URL

and Data Deletion Request Callback URL. (The URL should contain HTTPS.)

Under User token generator, click on the add or remove Instagram testers button.

STEP 7

Once you have accessed App Roles, go to Roles and click on Add People.

Assign a role, select 'Instagram tester' and find the user of the Instagram account you want to add (The Instagram profile that you want to be displayed on your store.)

On the listed users, go to the account you invited and click on 'Apps and Websites.'

STEP 8

You will redirected to Instagram to log in to the Instagram account you added as the Instagram tester.

On the Apps and Websites section, click on Tester Invites and accept the app you just created on Facebook's developers.

STEP 9

Go back to Facebook's developer > Instagram Basic Display > Basic Display and under User Token Generator, the Instagram profile will now be listed.

Click on Generate token. For this option to work, the account must be public, and cannot be private.

STEP 10
After clicking on 'Generate token', you will be prompted to log in to your Instagram account again.

They will request you to allow Instagram to use cookies and similar technologies on other apps and websites, select 'Allow'.

A message that the 'app name' would like to receive the following information about the account, click Allow.

STEP 11

After accepting the regularities, a new pop-up will appear with the token code, make sure to check 'I Understand' to allow full access to the code. Copy the code.

Step 12

Paste it to the Instagram Feed add-on settings

STEP 13

Click Save.


How to Add the Instagram Feed Widget to Your Page?

STEP 1

Go back to the Home page, then template, and make sure the Instagram Feed block is there. Click on Add section, then Instagram Feed.

STEP 2

Paste the Token from Instagram Basic Display in the Access Token field.

STEP 3

Click Save to apply changes.

Did this answer your question?