...

Dtec

Shopify Voice Assistant

Shopify Assistant

Step 1: Obtaining the DTEC Access Token

  1. Register your account [here].
  2. Log in to your account to retrieve the access token.
  3. Copy the access token for use.

Step 2: Install the Extension in Your Store

  1. Log in to your Shopify Admin.
  2. Go to Apps → Find and open your installed extension.
  3. Ensure the extension is enabled for use.

Step 3: Get Your Storefront API Access Token 

Your extension requires a Storefront API Access Token with  all permissions to function correctly.

Generate the Access Token:

How to get access token on shopify [Video] or follow the following steps:

  1. In Shopify Admin, go to Settings → Apps and sales channels.
  2. Click Develop apps (if not enabled, click “Allow custom app development”).
  3. Select or create a new private app.
  4. Under API Credentials, scroll to Storefront API.
  5. Enable the all permissions.
  6. Click Save → Reveal Token → Copy the token.

Step 4: Configure the Extension in Shopify Theme

  1. Go to Online Store → Themes.
  2. Click Customize on your active theme.
  3. Navigate to the theme editor and add the app after the header to display it on every page.
  4. Click Add Section or Add Block (depending on your extension type).
  5. Look for your extension in the list and add it.
  6. Adjust settings as needed and click Save.

Step 5: Configure Extension Settings

Your extension provides the following settings:

1. Storefront API Key (Required)

  • Paste the Storefront API Access Token (from Step 2) to fetch products.

2. DTEC Access Token (Required)

  • Paste the DTEC Access Token (from Step 1).

2. Select Extension Language

  • Choose between English or Turkish.
  • This setting changes the extension’s UI language.

3. Customize Product Layout

  • Modify the HTML structure to change how products are displayed.
  • Access this in the extension settings under “Product Layout”.

4. Set Product Display Limit

  • Adjust how many products are shown in search results.

📌 After making changes, click “Save” to apply updates.

Step 6: Test the Extension on Your Store

  1. Visit your Shopify Storefront.
  2. Navigate to the page where your extension is added.
  3. Test the following:
    • Product search functionality.
    • Language selection working correctly.
    • Product layout customization applied.
    • Display limit restricting product count.
  4. If needed, go back and adjust settings.

Step 7: Troubleshooting Issues

  • Products not showing?
    • Ensure your Storefront API Key is correctly added.
    • Ensure your DTEC access token is correctly added.
    • Verify the Read Products permission is enabled.
  • Language not changing?
    • Refresh the page and check settings.
  • Layout changes not reflecting?
    • Clear browser cache or test in incognito mode.
  • Product limit not working?
    • Confirm the limit is set in extension settings.