Creating A Full-Page Widget

This tutorial will show you how to create a full-page Instagram widget and add it to your Main Navigation. In this example we will be using the “Shopify Default Theme” and inserting our page into our Main Navigation. Depending on the theme you are using, you may need advanced technical support. For advanced¬†technical support please contact us at insta@redbitdev.com.

Prerequisites

In order to set this functionality up, you will need to have first done the following:

  • Create a New Campaign in your Authentipix app using either #hashtags or your Instagram account.

  • Create a new Full-Page widget that will display your approved images, by selecting “Embed in Store” then clicking on ” Add New Widget” and selecting the “Full-Page” layout.

  • Add the widget to your store using the “add to store” button .

  • Click on the “add to Store button, give your page a name and click “Add to Store”.

You will want to verify that your page was created. To do so, follow these steps:

  1. Go to your Shopify Admin Dashboard.
  2. Click “Online Store” and then “Pages”.
  3. On the resulting page, you will find a list of your sites pages, including the page you created in the previous section.

Steps To Add The Page to Your Navigation Menu.

  1. Go to your Shopify Admin Dashboard.
  2. Click “Online Store” and then “Navigation”.
  3. On the resulting page, you will find a list of your menus. In this tutorial we will be adding our page to our “Main Menu”.
  4. Click “Edit Menu” in the top right corner and then click “add Menu Item”.

  • ¬†Create a new menu item with the name of the page you want added to the Main Menu, and link it to the Full-Page widget that you created.

  • Click “Save Menu”. Your new page will now appear on your Main Menu in your Navigation.
  • Refresh your page and make sure your changes have been made. Our “Instagram” Page should should now display in our menu.

Your Done!