Supportiko
  • Introduction
  • Getting Started
    • Register and Log In
    • Create and Customize Your Widget
    • Create AI Assistant
      • AI Settings
      • Train Your AI Assistant
      • Test Your AI Assistant
      • AI Assistant Chat History
    • Create Agents
      • Agents list
      • Add/Edit Agent
      • Welcome Messages
    • Export
    • Profile Management
    • Remove Supportiko logo
Powered by GitBook
On this page
  1. Getting Started

Export

PreviousWelcome MessagesNextProfile Management

Last updated 14 days ago

The Export page in Supportiko provides the necessary code to integrate your chat widget into your website. Whether you're using a simple HTML page or a popular platform, this guide will help you implement the widget seamlessly. If you encounter any issues, our support team is here to assist.

Implementing Your Chat Widget

Supportiko supports a wide range of platforms to ensure compatibility with your website. Choose your platform from the dropdown menu:

  • Simple HTML Page

  • WordPress

  • Shopify

  • Wix

  • Squarespace

  • Next.js

  • Webflow

  • Magento (Adobe Commerce)

  • WooCommerce

  • Vue.js

  • React

Select the platform that matches your website to generate the appropriate implementation code.

Implementation Steps

  1. Configure Your Widget Settings: Go to the Widget Settings section in the Admin Panel and customize your chat widget (e.g., title, colors, position). If the widget is not set to Enabled in settings, it will not be visible on the site.

  2. Save Your Changes: Click the Save button to apply your settings.

  3. Copy the Code: On the Export page, under Implementation Code, you’ll see the code snippet for your selected platform. Copy the provided code (e.g., for a Simple HTML Page, the code might look like this):

<!-- Add this code just before the closing </body> tag -->
<supportiko-chat-widget></supportiko-chat-widget>
<script src="https://www.supportiko.com/chat-widget.js?token=5acd7c7748eabd1f1">
</script>

  1. Paste the Code: Add the copied code to your website as instructed. For most platforms, this involves pasting the code just before the closing </body> tag in your site’s HTML. If you’re using a platform like WordPress or Shopify, you may need to paste the code into a specific section of your theme or settings (e.g., a custom HTML block or footer script area).

  2. Developer Assistance

    If you’re not comfortable editing your website’s code, you can share the generated code with your website developer. They can help you implement the widget correctly to ensure it appears on your site.

Need Help?

If you encounter any problems during implementation or if your platform isn’t listed, don’t hesitate to reach out to our support team. Contact us at info@supportiko.com, and we’ll assist you in getting your chat widget up and running.

By following these steps, you’ll have the Supportiko chat widget live on your website, ready to engage with your visitors and provide seamless support.