Mailchimp

Learn more about the Mailchimp Adobe Muse widget

Use any one of these 9 highly customizable Mailchimp widgets to get people signing up for your newsletter today. When you purchase this widget, you get all 9 widgets, and free updates forever!

Buy Now $14.99

Table of contents

  1. How to Use
    1. Widget titles
    2. Form action code
    3. Field tags
    4. Segments
  2. Documentation
    1. Form Information
    2. Plugins
    3. Input/Label
    4. Global Styling
    5. Label Styling
    6. Input Styling
  3. Discussion

How to use

Some of these sections require a little more explanation, and to avoid information overload, those sections have been given their own page. So, if you need more information on the following sections, follow the links below.

Widget titles

Learn what the widget titles represent so that you can quickly find the widget you need.

Learn more

Form action code

The Form Action Code is what connects this widget to your Mailchimp list.

Learn more

Field tags

Field Tags are what connect individual inputs to their corresponding labels inside Mailchimp. Field tags must match the attributes given inside the Mailchimp dashboard.

Learn more

Segments

Segments are what connect individual inputs to their corresponding labels inside Mailchimp. Segments must match the attributes given inside the Mailchimp dashboard.

Learn more

Mailchimp
Form Information
Form Action Code The Form Action Code of your form. Tip — This is an example of what the code will look like: //j-26.us9.list-manage.com/subscribe/post?u=2ad51267b971ed27fd73be55c&id=03e3d69ae8
Plugins
Submit
When user click 'Submit' button... You have 3 options:
  1. open confirmation in current window.
  2. open confirmation in new tab.
  3. open confirmation in popup window.
Popup Width If you select open confirmation in popup window (in the option above), then you can adjust the width of the popup window.
Popup Height If you select open confirmation in popup window (in the option above), then you can adjust the height of the popup window.
Segment
Segment Options You have 3 options:
  1. Use Custom Name
  2. Use Page URL
  3. Use Page Title
If you are looking for more information on segments, take a look here.Tip — Set the Page Title and Page URL inside the 'Page Properties.'
Segment Name If you select Use Custom Name (in the option above), then you can enter a custom segment name here.
Input/Label
This section will look slightly different in each widget as each widget enables a different number of inputs. While the widget titled '2' will only have the Input/Label 01 available, widget '2-2-1' will have the Input/Label 01 through the Input/Label 04 available. Click here for more information on the way the widgets are titled.
Add Label Toggle this on to add a label the corresponding input.
Type The Type is the type of data you'd like to collect. You have 10 options:
  1. Email
  2. Full Name
  3. First Name
  4. Last Name
  5. Number
  6. Phone
  7. Website
  8. Image
  9. Dropdown
  10. Radio
Tip — Make sure the input you've selected matches the Field Tag in Mailchimp. Click here for more info on field tags..
Placeholder The placeholder is the text that appears in the input field if nothing has been entered.
Label The label of the corresponding input field.
Dropdown Count If you choose the dropdown type (in the option above), then you can add up to 6 dropdown options.
Dropdown Options The amount of dropdown options you selected in the Dropdown Count will become available as values in the dropdown options. These values must match exactly what is in Mailchimp. Watch the tutorial for dropdowns in the video above.
Radio Count If you choose the radio type (in the option above), then you can add up to 6 radio options.
Radio Options The amount of dropdown options you selected in the Radio Count will become available as values in the dropdown options. These values must match exactly what is in Mailchimp. Watch the tutorial for dropdowns in the video above.
Global Styling
Use the Text Tool to change the font type
Font Size The global/default font size.
Input/Button Height The height of every inputs, dropdowns, and buttons.
Space Between Inputs The amount of space between the inputs, dropdowns, and buttons.
Animation Speed The transition speed between each state (i.e. normal, hover, active) of the inputs, dropdowns, and buttons.
Label Styling
This will only affect the widget if you enable labels.
Font Size The font size of the labels.
Height The height of the label.Tip — Label text will be vertically aligned to the middle.
Text Alignment You have 2 options:
  1. Left
  2. Center
Text Indent The text indent of the labels.
Font Style The font style of the labels. You have 4 options:
  1. Italic
  2. Normal
  3. Bold/Italic
  4. Bold
Color The color of the labels.
Input Styling
General
Text Alignment The alignment of the inputs. You have 2 options:
  1. Left
  2. Center
Padding The padding of the inputs. This adjusts the amount of space to the left and right of the text inside inputs/dropdowns
Text Color
Edit Together Toggle this on to edit the input text color in every state.
Color Adjusts the text color in every state.
Color (Normal) Adjusts the text color normal state.
Color (Hover) Adjusts the text color hover state.
Color (Active) Adjusts the text color active state.
Border
Border (Radius)
Border Radius Adjusts the roundness of the input/dropdown corners.
Border (Width)
Edit Together Toggle this on to edit border width of the inputs/dropdowns in every state.
Remove Borders When Clicked Removing the borders when the input is clicked allows you to do things like this.

Discussion