GenieWeb
Sign In

Messaging Apps & Custom AI Chatbots for Your Website

Engage Website Visitors with a Single, All-in-One Chat Button
Get Your ButtonNo coding required.
user
BobManager
12:00
UserHello, how may we help you? Just send us a message now to get assistance.
Start Chat With:agent
whatsapp chat
1

Get Your Button in Three Simple Steps

1. Choose your apps

2. Customize your button

3. Activate your button and add it to your website

Monthly Plan

$3/month

  • ✔ Access to all features
  • ✔ 24/7 support
  • ✔ Cancel anytime

Yearly Plan

$30/year

  • ✔ Access to all features
  • ✔ 24/7 support
  • ✔ Save 6$ Annually
Contact us : support@geniebutton.com

How to Set Up the GenieButton App on Shopify?

Introduction

This guide will walk you through the process of setting up the GenieButton app on your Shopify store. GenieButton is a powerful tool that allows you to add customizable buttons and widgets to your Shopify store.

Step 1: Install the GenieButton App on Shopify

  • 1. Access the Shopify App Store

    Start by visiting the Shopify App Store.

  • 2. Find the GenieButton App

    Search for "GenieButton" and select it from the results.

  • 3. Install the App

    Click on the "Add app" button. This will initiate the installation process and redirect you to your Shopify store's admin page to confirm.

  • 4. Authorize Access

    You will be prompted to authorize the app's access to your store's data. This is required for the app to function correctly.

  • 5. Install the GenieButton

    Follow any additional prompts to complete the installation. Once installed, GenieButton should be added to your store's admin dashboard.

Step 2: Authenticate GenieButton via Shopify OAuth

To allow GenieButton to access your Shopify data securely, you’ll need to go through OAuth authorization.

  • 1. Initiate Authorization:

    When you launch GenieButton, it should automatically request authorization.

  • 2. Provide Store URL:

    You’ll be asked to enter your store's URL (e.g., https://your-store-name.myshopify.com). This directs the OAuth flow to authenticate with your specific Shopify store.

  • 3. Redirect to Shopify Login:

    If you're not already logged into Shopify, you'll be redirected to log in.

  • 4. Grant Permissions:

    Shopify will display a list of permissions that GenieButton needs to function. Review these permissions and click "Install app" to grant access.

Step 3: Approve Pricing and Plan Selection

Many third-party apps require plan selection or approval for additional features.

  • 1. Select Pricing Plan:

    Within the GenieButton app, you’ll see a prompt to approve the pricing or choose a plan. This could include a free trial, freemium, or premium option.

  • 2. Review and Confirm:

    Carefully review the features and costs associated with each plan tier. Select the one that meets your needs and approve the pricing plan.

  • 3. Complete Authorization:

    Once you confirm the pricing plan, Shopify will display a summary of the plan charges. Approve the charges to finalize the integration.

Step 4: Finalize Authorization and Install GenieButton

  • 1. Authorize the App:

    Upon approval, Shopify will redirect back to the GenieButton app. This step confirms that the app is installed and fully authorized to access your store’s data.

  • 2. Configure GenieButton:

    If GenieButton requires any specific configurations (such as adding a widget to specific pages), follow the on-screen instructions to set it up as desired.

  • 3. Verify the Installation:

    Go to your store and check for the GenieButton to ensure it's displaying correctly. You may also want to test it to confirm it’s working as expected.

Step 5: Access the GenieButton App Settings

  • 1. Log into Your geniebutton.com:

    Login using Shopify auth, refer step 2.

  • 2. Open the domain:

    Customise the widget, preview and save. Bingo! Test the widget.

Step 6: Enable the Widget in the App

  • 1. Turn on the Widget:

    In the GenieButton app’s settings, you may find an option like “Enable Widget” or “Display on Store.” Toggle this option to turn on the widget.

  • 2. Customize Display Options:

    Customise it as per step 5.,