Embed Kit
The Embed Kit allows you to add a customer sign-up form to any external website by embedding a small code snippet.
Customers can register directly from your website and automatically join your loyalty or marketing program.
The Embed Kit supports two formats:
Modal Pop-Up Displays the sign-up form in a pop-up window.
Embedded iFrame Displays the sign-up form directly inside a section of the page.
Where to Find It
Go to:
Design → Ordering → Scroll right → Embed Kit
What You Can Do With the Embed
The embed can be used to:
• Add a customer sign-up form to your website • Automatically add users to a specific customer group • Trigger a Deep Link campaign • Grant a promotion or coupon after signup
You can also:
• Preview the embed • Save configurations as presets • Load previously saved configurations
Step 1 — Create a Deep Link Campaign (Optional)
Both Modal and iFrame embeds can connect to a Deep Link Campaign.
This allows you to automatically group customers who sign up through the embed.
To create one:
Choose a Group Name All customers who submit the form (new or existing) will automatically be added to this group.
(Optional) Customize the Group Hash This can be edited if you want a more personalized link.
(Optional) Attach a Coupon or Promotion Customers can automatically receive a reward after signing up.
Once created, select the campaign under Deep Link Campaign in the Embed configuration.
Modal Pop-Up Embed
This option opens the sign-up form inside a pop-up window on your website.
Configure When the Pop-Up Appears
You can choose how the pop-up is triggered:
Show on page load The pop-up appears immediately when the page loads.
Delay after page load Display the pop-up after a set number of seconds.
Wait days before showing again Prevent the pop-up from appearing again for returning visitors for a specified number of days.
Add the Embed Script
Add your script to your website’s HTML:
This loads the Embed Kit functionality on your website.
Trigger the Pop-Up Manually (Optional)
You can also open the pop-up when users click a button or link.
Use the following function:
Example use cases:
• “Join our rewards program” button • Promotional banners • Checkout page signup offers
iFrame Embed
The iFrame embed displays the sign-up form directly inside your webpage.
This option is useful for:
• Landing pages • Signup sections • Footer or sidebar forms
Sign-Up Form Fields
By default, the form includes:
• Full Name • Phone Number • Email Address • Birthday (optional) — Month / Day / Year
Users must also accept the Terms of Service and Privacy Policy before signing up.
Customizing Form Fields
You can simplify the form by hiding specific fields.
Available options include:
• Minimal mode (hides name and birthday fields) • Hide name field • Hide birthday field • Hide email field • Hide the preferred locations field • Hide login option
This allows you to create a shorter signup experience.
Customizing Form Text
You can customize the text shown in the embed:
Title Main heading displayed above the form.
Subtitle Additional description or instructions.
Redirect or Thank-You Page
After a successful signup, you can configure additional actions.
Redirect to Custom URL
Automatically send users to another page after signing up.
Example uses:
• Confirmation page • Promotion page • Download page
You can also customize the Thank-You message, including:
• Title • Subtitle • Button text
Final Step — Add the Embed to Your Website
Save the version you created for future use.
Copy the generated HTML embed code
Paste it into your website where you want the form to appear
Publish the page
Your sign-up form will now appear on your website and connect directly to your Appfront customer system.
Example:
Store Locator Embed
The Store Locator Embed allows you to display your business locations directly on your website so customers can easily find nearby stores.
This embed displays your locations map and store list directly inside your website.
The Store Locator can be added as an iFrame.
Where to Find It
Navigate to:
Design → Ordering → Embed Kit → Store Locator
How to Embed the Store Locator
To add the Store Locator to your website:
Step 1 — Copy the iFrame Code
Inside the Store Locator Embed section, copy the generated HTML code.
Example:
Step 2 — Add the Code to Your Website
Paste the code into the HTML of the page where you want the Store Locator to appear.
Common placements include:
• A "Find a Store" page • A contact page • A store locator section on the homepage
Last updated