Mailchimp

See Preview

In this article you will find the unique information about Mailchimp shortcode. If you want to learn about some more general issues like using a shortcode etc. See the list bellow or browse the general section.

Mailchimp shortcode is a perfect tool to redesign Mailchimp forms on your website. Its a simple shortcode with a lot of potential. You can easily change colors, border and backgrounds.

Important: This shortcode requires a Mailchimp for WordPress plugin to be installed and active.
Detailed shortcode description

Bellow you will find a table with all of the shortcodes features and fields. On the right you will find a description for each field/section. All of this settings are available in shortcodes popup, it will be displayed once you create a new shortcode or hit the edit (pencil icon) button.

This shortcode comes with a lots of features. Check the list below for more details (click on each feature to learn more):

GeneralLabelsInputsRadiosSubmitNotice
Option Description
Main Preset Presets are used to easily configure your shortcode. You can choose one of the premade presets or create your own. You can preview the available presets with Preview & Load Preset button.

After choosing preset from dropdown you have to Reload it to take effect. Learn More »

Form Select form you want to style and display.
Background Background field contains options needed to create an awesome background inside our shortcodes. You can choose from color (with opacity/alpha channel), radial and linear gradient or custom image. Each background type have some additional options for best outcome control. Learn More »
Border In simple mode, this field offer a settings for width (for all edges), style, color and radius. Advanced Settings give an additional control for width of each edge (top, bottom, left and right) Learn More »
Padding It is one of most common field across our shortcodes. The simple mode, contain options for padding size (for all edges) and unit (px, em or %). Advanced Settings give an additional control for width of each edge (top, bottom, left and right). Learn More »
Sections – Padding It is one of most common field across our shortcodes. The simple mode, contain options for padding size (for all edges) and unit (px, em or %). Advanced Settings give an additional control for width of each edge (top, bottom, left and right). Learn More »
Custom Class Add your custom class to the element. Mostly used for custom CSS/JS.
Option Description
Typography Typography field gives you a control over almost all font settings. It also incorporate a Typography Preset functionality. Learn More »
Margin It is one of most common field across our shortcodes. The simple mode, contain options for margin size (for all edges) and unit (px, em or %). Advanced Settings give an additional control for width of each edge (top, bottom, left and right). Learn More »
Option Description
Background Color Choose input placeholder color.
Typography Typography field gives you a control over almost all font settings. It also incorporate a Typography Preset functionality. Learn More »
Placeholder Color Choose input placeholder color.
Font Color If you want to change the color after hover choose a different one from the color picker below.
Background Color If you want to change the background color after hover choose a different one from the color picker below.
Border Color If you want to change the border color after hover choose a different one from the color picker below.
Border In simple mode, this field offer a settings for width (for all edges), style, color and radius. Advanced Settings give an additional control for width of each edge (top, bottom, left and right) Learn More »
Padding It is one of most common field across our shortcodes. The simple mode, contain options for padding size (for all edges) and unit (px, em or %). Advanced Settings give an additional control for width of each edge (top, bottom, left and right). Learn More »
Option Description
Typography Typography field gives you a control over almost all font settings. It also incorporate a Typography Preset functionality. Learn More »
Option Description
Full width Display submit button at full width.
Button Alignment Choose submit button alignment.
Typography Typography field gives you a control over almost all font settings. It also incorporate a Typography Preset functionality. Learn More »
Color If you want to change the color after hover choose a different one from the color picker below.
Border Color If you want to change the border color after hover choose a different one from the color picker below.
Background Background field contains options needed to create an awesome background inside our shortcodes. You can choose from color (with opacity/alpha channel), radial and linear gradient or custom image. Each background type have some additional options for best outcome control. Learn More »
Active / Hover – Background Background field contains options needed to create an awesome background inside our shortcodes. You can choose from color (with opacity/alpha channel), radial and linear gradient or custom image. Each background type have some additional options for best outcome control. Learn More »
Border In simple mode, this field offer a settings for width (for all edges), style, color and radius. Advanced Settings give an additional control for width of each edge (top, bottom, left and right) Learn More »
Padding It is one of most common field across our shortcodes. The simple mode, contain options for padding size (for all edges) and unit (px, em or %). Advanced Settings give an additional control for width of each edge (top, bottom, left and right). Learn More »
Margin It is one of most common field across our shortcodes. The simple mode, contain options for margin size (for all edges) and unit (px, em or %). Advanced Settings give an additional control for width of each edge (top, bottom, left and right). Learn More »
Option Description
Typography Typography field gives you a control over almost all font settings. It also incorporate a Typography Preset functionality. Learn More »
Success Color Choose success notice color.
Error Color Choose error notice color.
01_presets
02_typography_preset
05_modular
06_gradient
07_icon
08_animation
10_ribbon
11_retina
12_responsive
13_wpml
14_psd