Smart Contact Form Setup

Note: Before setting up your Smart Contact Form, you’ll want to make sure you have information logged in your Knowledge Base for Supermoon AI to pull information from.

💡 Supermoon Spotlight: You can access your Smart Contact Form Sessions in your Settings to see what questions people are asking and which inquiries have been resolved by your AI.

Overview

Use Supermoon’s Smart Contact Form to cut down on the amount of customer requests you receive. Supermoon AI will answer questions as they are typed into your Smart Contact Form on your website.

Steps to install on Shopify

  1. Navigate to Settings
  2. Navigate to Smart Contact Form in the left navigation
  3. Click on the “Configuration” page
  4. Toggle the “Enable Smart Contact Form” to ON

    5. Smart Contact Form

  5. Use the Configuration page to configure the Smart Contact Form to your liking (see more information below)
  6. Select Save
  7. On the Install page, select “Install”
  8. Login to your Shopify account, and add a new section
  9. Under Apps, select Smart Contact Form

NOTE: You may need to click “Save” and then refresh your browser page to see the Smart Contact Form on your website.

Smart Contact Form Setup

Manual Installation

To install your Smart Contact Form on your website, copy-paste the line below into your website’s header.

<script type="text/javascript" src="https://cdn.getsupermoon.com/smart-contact-form-dev.js" data-supermoon-team-id="SUPERMOON-TEAM-ID"></script>

 
Then, copy-paste the line below into your website’s body, at the point where you would like the Smart Contact Form to show.

<div id="supermoon-smart-contact-form-container"></div>

Configuration Settings

  • Website URL: Here you can enter the URL of the website on which you will be installing the Smart Contact Form. If you’d like to use it on multiple websites, separate each URL with a comma.
  • AI Suggestions: Toggle ON to show items from your knowledge base to customers as they’re filling out the Smart Contact Form.
  • Product Recommendations: Toggle ON to show relevant product recommendations to customers as they are filling out the Smart Contact Form.
  • Completion Message: This is Shown to the customer after they’ve submitted their message.
  • Forwarding Email Address: By default, all Smart Contact Form submissions will show up in Supermoon. If you’d like to forward these submissions to an email address outside of Supermoon as well, enter it here. Separate multiple email addresses with a comma.
  • Show ‘Powered by Supermoon’ Footer: Toggle this switch off to hide the ‘Powered by Supermoon’ footer at the bottom of the form.
  • Choose Button Color
  • Choose Background Color
  • Alignment
  • Corners
  • Font Selection

Ready to get started?

Don't miss out on the opportunity to leverage the power of AI. Take the leap into the future now!

Try for free