Amped.io form migration reference

You will learn

Learn how to migrate your Amped.io (now under Mailchimp) forms to Klaviyo. As of August 15, 2025, Amped.io no longer supports third-party integrations like Klaviyo. This guide acts as a reference to help you to identify and document key elements of your existing forms so you can easily rebuild them in Klaviyo.

Before you begin

Since you’ll have to recreate your forms in Klaviyo, we recommend that you take screenshots or otherwise document your Amped.io forms and styles for reference. Repeat this process for each Mailchimp form you intend to migrate to Klaviyo, and for each step that a form may have.

Form elements

To accurately recreate your forms in Klaviyo, thoroughly document the appearance and settings of your existing forms. Generally, be sure to document or screenshot the following key elements, along with their style settings.

Input fields

Document or screenshot every field on the form, including the standard email field. This can also include fields like phone number, date of birth, and any other information you are collecting from customers.

Make sure to screenshot:

• Field labels
  The visible label for each field (e.g., "First Name," "Favorite Color," "Birthday").
• Field types
  Note the type of each field (e.g., text, number, date, radio buttons, checkboxes, dropdown).
• Merge tags
  The Mailchimp audience fields associated with each field. This is how you'll identify the custom properties to create in Klaviyo.
• Placeholder text
  Any example or instructional text that appears inside an input field before a user types in it.

In Mailchimp, you can access this information by clicking directly on a field in the form editor. A panel will open on the right side that has the input field’s settings.

Here, you can find information on the data associated with the field, as well as all the styles applied. Screenshot or otherwise document these settings so you can reference them when rebuilding forms in Klaviyo.

Form copy

You should also create a record of all the copy (i.e., the text and messaging) on your form. Make sure to document:

• Form heading
  The main heading of the form (e.g., "Join Our Newsletter," "Get 10% Off").
• Body text
  Any descriptive text that explains the value of subscribing, what they'll receive, or any instructions.
• Button text
  The text on any buttons (e.g., "Subscribe," "Claim Your Offer," "Sign Me Up").
• Confirmation message
  The message shown to a user after they submit the form.
• Disclosure language
  Any disclosure language on your form letting customers know the details of what they are subscribing for and how your brand will use their information.

In Mailchimp, you can view the settings for a piece of text by clicking on it in the form editor. A panel will open on the right side where you can find all the styles applied. Screenshot or otherwise document these settings so you can reference them when rebuilding forms in Klaviyo.

Buttons

Buttons are another key element of your form. You may have a few buttons if your form has multiple steps so make sure to record the settings for all of them. Make sure to document:

• Design and style
  Your buttons’ colors (e.g., text colors, background colors, etc.), padding, and fonts.
• Labels
  The text on your buttons (e.g., "Submit," "Sign Up," "Claim Your Discount," "Next").
• Button behavior
  The behavior of your buttons when customers click on them (e.g., go to the next step, submit, redirect, etc.).
• Data collection
  If you have any buttons that collect information from customers (e.g., radio buttons), document the audience tags they relate to in Mailchimp so you can recreate them as custom properties in Klaviyo.
• Disabled state
  What does the button look like when it is disabled (e.g., before all required fields are filled out)? This includes a change in color and cursor style.

In Mailchimp, you can view the settings for a button by clicking on it in the form editor. A panel will open on the right side that has the button’s settings. Here you can find information on the button behavior, as well as all the styles applied. Screenshot or otherwise document these settings so you can reference them when rebuilding forms in Klaviyo.

Teasers

If you have a form teaser enabled in Mailchimp, document the content and appearance so you can rebuild it in Klaviyo. Take screenshots of or otherwise document:

• Teaser content
  Any copy or images on the teaser and call to action.
• Teaser design and styling
  Take note of design and styling details like where the teaser appears on the screen, its shape and size, colors, and fonts.
• Teaser display and behavior
  Document the display and behavior settings for the teaser like the trigger, frequency, and visibility settings.

In the Mailchimp form builder, teasers are called Second-chance elements. To view your teaser’s settings:

1. In the Steps panel, click Follow-up.
2. Click 2nd Chance Container.
3. View and document the teaser settings in the right-hand panel.

Behavior and functionality

Once you've recorded the visual elements of your Mailchimp form, the next step is to capture its behavior and functionality. Make sure to document the following settings on your Mailchimp forms:

• Display timing
  Document how and when the form appears (e.g., on page load, after a delay, on exit-intent, on scroll percentage).
• Display frequency
  Note how often the form is shown to a user (e.g., show once per session, show every time).
• Special interactivity callouts
  Include any specific interactions or triggers (e.g., something happens when another thing happens).
• Targeting rules
  • URLs
    What pages should the form appear on and which should it be excluded from?
  • Devices
    What devices should the form be shown on (i.e., mobile, desktop, or both)?
  • Visitor type
    Should the form target new or returning profiles?
  • Geo-targeting
    Is the form targeted to specific geographical locations?
  • UTM parameters
    Is the form triggered by specific UTM parameters?

To view the behavior and functionality settings for a Mailchimp form:

1. Select Edit next to the form on the Forms page in Mailchimp.
2. Select Edit site settings for Where should it show?
3. Select Edit targeting for Who should see it?
4. Select Edit triggers for When should it show?
5. Document or screenshot your settings for each of these.

Assets

Images and logos

Make sure to export any images and logos you have in your Mailchimp forms that you’d like to bring over to Klaviyo.

To export an image from a Mailchimp form:

1. Select the image in the Mailchimp form editor.
2. Click the download button in the right side panel.

Fonts

Make sure to document the fonts for any text elements in your Mailchimp form. Note that each piece of text (e.g., headings, button labels, etc.) can have its own font.

You can view a list of all the fonts used in a Mailchimp form from the overview page in the form builder.

You can also see the font used for a specific element by clicking into it. The styles and font used will be displayed in the right-side panel.

Colors

If you want to use the same colors in your Klaviyo forms, copy each color’s hex code from your Mailchimp forms. Each hex code represents a specific color, allowing you to recreate your forms in Klaviyo using the same exact colors.

You can view a list of all the colors used in a Mailchimp form and their hex codes from the overview page in the form builder.

You can also see the colors used for a specific element by clicking into it. The styles and colors used will be displayed in the right-side panel.

Building forms in Klaviyo

Once you have gone through the steps above and documented the key components of your forms in Mailchimp, you can use the process below when you are ready to rebuild forms in Klaviyo.

Recreate the form in Klaviyo

To get started with rebuilding your form in your Klaviyo account, follow these steps:

1. Navigate to Sign-up forms and click Create form. If prompted to choose a channel, enter a form name, select Web, and click Create.
2. Create a blank form
   Click Create blank form. Enter a form name and choose the form type that matches your Mailchimp form (e.g., popup, flyout, full page, or embed). If a channel selector appears, choose Web. Select the list that should receive new subscribers, then click Save and design to open the form editor.
3. Add content and input fields
   • Click Add content. Use the information from your checklist to add text blocks, image blocks, and input fields.
   • For each custom input field, select the field and choose its Profile property. Select an existing property, or type a new property name and choose the Create option for that name.
   • If you need additional form steps, click Add step, select a step type, complete its settings, and click Add step to add it. Recreate the copy and fields on each step, then select Success to edit the confirmation message.
   • Select each button and recreate its action, such as moving to the next step or redirecting to a URL. For a button that collects email subscribers, choose Submit form and check that List to Submit is the intended destination list.
   • For popup, flyout, and full-page forms, select Teaser if you need to recreate the teaser you documented. Match its content, appearance, and display settings.
4. Style the form
   • Click Edit styles in the form editor, then adjust the colors, fonts, and layout to match your brand and the original Mailchimp form.
   • You can add background images and side images.
   • Relevant guides: Understanding styles for a sign-up form

Configure targeting and behavior

To configure targeting and behavior settings for your form in Klaviyo:

1. Select the Targeting & behavior control in the form editor’s left sidebar.
2. Set display rules
   In the Display tab, configure when and how the form should appear. For embedded forms, skip Timing and Frequency; the Embed code sets where the form appears on your website.
   • In Timing > Show form, select Immediately for page-load display, or Based on rules to configure a delay, exit intent, or scroll percentage.
   • In Frequency, set how many days to wait before showing the form again after a visitor closes it. Choose whether to stop showing it after a form submission or a go-to-URL button click.
   • Specify Devices (i.e., desktop, mobile, or both).
3. Define your audience
   Select the Targeting tab to configure who should see the form and where it should appear.
   • In Audience, choose whether to show the form to all audience members, hide it from existing Klaviyo profiles, or target existing profiles by subscription status or list or segment membership. Klaviyo must identify a visitor to target them as an existing profile; a returning website visitor is not necessarily identified.
   • Target specific URLs if the form should only appear on specific pages.
   • In Location, select countries or regions if the form should appear for customers in specific locations.
   • Use UTM parameters if the form is triggered by specific UTMs.

Next steps

Once you've successfully rebuilt your Mailchimp forms in Klaviyo, there are some next steps to ensure a smooth transition.

1. Set up a welcome flow
   Make sure your welcome flow is triggered by the list you've connected to the form. Set its messages to Live when they are ready to send automatically.
   • If the list uses double opt-in for email, a new subscriber must confirm their subscription before they are added to the list and can enter its welcome flow.
2. Set up form coupons
   You can either display coupons in the success message of the form or include them in your welcome email.

Publish and replace

Check your website installation, publish and test your Klaviyo form, then remove the corresponding Mailchimp form.

1. Check your website installation
   • Make sure Klaviyo’s onsite tracking (Klaviyo.js) is installed on your site for popup, flyout, full-page, and embedded forms.
   • For embedded forms, go to Targeting & behavior > Display in the form editor and copy the form-specific embed code. Add it to your website where you want the form to appear, following the instructions for your ecommerce platform, and save your website changes.
2. Publish the Klaviyo form
   Once you’re happy with your form, click Publish or schedule. Resolve any blocking alerts, select Publish now, then click Publish now to make the form live.
3. Test the replacement form
   Visit your website in an incognito window to test a form intended for unidentified visitors. For a form targeted to existing profiles, use an identified test visitor who matches the audience settings. Visit an eligible page and meet the configured device, location, UTM, and timing rules.
   • Complete each form step and submit a test signup. Check the button actions, confirmation message, and teaser if you use one.
   • Confirm the test profile’s custom properties and destination list in Klaviyo. If the list uses email double opt-in, confirm the subscription first. If you offer a coupon or welcome email, check that it is delivered as intended.
4. Remove the Mailchimp form
   Deactivate or remove the corresponding form from your Mailchimp account to prevent both forms from appearing.

Additional resources