Embedded Integrations
Logo
Embed Shopify

Embed Shopify

Logo

7 mins READ

Overview

Embedding UnifyApps applications in Shopify allows seamless integration of UnifyApps features within your Shopify store. 

Step-by-Step Instructions

Step 1: Add Shopify Token to the Application

  • For the application you want to embed, you will need to add the Shopify token to it to enable proper integration.

  • To obtain the required credentials, contact support@unifyapps.com.

Step 2: Search for UnifyApps in the Shopify App Store

Frame 1 (1).png
Frame 1 (1).png
  • Navigate to the Shopify App Store and search for "UnifyApps".

Step 3: Install the UnifyApps Application

Frame 2 (2).png
Frame 2 (2).png
  • Click on the UnifyApps application and install it in your Shopify store.

Step 4: Provide a Tenant App URL

Frame 3 (1).png
Frame 3 (1).png
  • Inside the UnifyApps application, provide the main URL of the environment your application is hosted on. For example: https://xyz.abc.unifyapps.com

Step 5: Navigate to the Online Store Customization Section

Frame 4 (1).png
Frame 4 (1).png
  • Go to the online store where you want to embed the UnifyApps application.

  • Click on Customize to modify the store layout.

Step 6: Add UnifyApps as a Section

Frame 5.png
Frame 5.png
  • In the Sections tab, click Add Section at the desired location within the sequence of elements on your page.

Step 7: Configure UnifyApps Interface

Frame 6.png
Frame 6.png
  • Select UnifyApps from the available sections.

  • Enter the required

    Interface ID

    and

    Page ID

    based on your application’s URL structure.

    • Example URL: https://xyz.unifyapps.com/p/0/interfaces/interface-ID/builder/page-Id

Step 8: Adjust the Display Width

Frame 7.png
Frame 7.png
  • Configure the width of the UnifyApps interface according to your store layout needs.