---
title: "How to create a MailChimp AJAX Newsletter Form in Joomla"
description: "Do you want to learn how to create a MailChimp AJAX Subscribe Form in Joomla? Adding a MailChimp signup form to your website is a great way to grow yo"
url: "https://www.tassos.gr/blog/how-to-create-a-mailchimp-ajax-newsletter-form-in-joomla"
date: "2026-05-08T12:57:34+00:00"
language: "en-GB"
---

#  How to create a MailChimp AJAX Newsletter Form in Joomla

 ![Tassos Marinos](https://www.gravatar.com/avatar/cc4c5cd6974bf2cd8bfa2d6efcc60843?s=48)  Tassos Marinos  [Follow](https://x.com/tassosm)

 Published in [Blog](https://www.tassos.gr/blog)

 Oct 12 2018

 5 min read

 Last updated may 20 2024

 ![How to create a MailChimp AJAX Newsletter Form in Joomla](https://www.tassos.gr/media/k2/items/src/806b6e1806566ad52df50ee6cecd90ef.jpg)Do you want to learn how to create a MailChimp AJAX Subscribe Form in Joomla? Adding a MailChimp signup form to your website is a great way to grow your email marketing list and build a bigger following.

## [What is AJAX?](#what-is-ajax)

Have you ever wanted to submit form data in the background and without reloading the page? Then what you need is called **AJAX** (also known as XHR) and in this article, I’m going to guide you through the entire process of creating a MailChimp AJAX Newsletter Form for your Joomla website with [Convert Forms](https://www.tassos.gr/joomla-extensions/convert-forms).

## [Step 1: Install Convert Forms](#step-1-install-convert-forms)

In case you’re not familiar with Convert Forms, let me brief you about it. Convert Forms is a leading [Joomla Form Builder](https://www.tassos.gr/joomla-extensions/convert-forms) which helps you create attractive, responsive and AJAX-based Forms that can be integrated with popular **email marketing apps** such as MailChimp, AWeber, GetResponse, Zapier and many more.

{tweetme theme="t1\_blue"}How to create a MailChimp AJAX Newsletter Form in #Joomla with #ConvertForms {/tweetme}

So, the first thing you’ll need to do is download and install the [Convert Forms](http://www.tassos.gr/joomla-extensions/convert-forms) extension. Keep in mind that the [MailChimp Integration](https://www.tassos.gr/joomla-extensions/convert-forms/docs/sync-leads-with-mailchimp) is available in the Pro version only.

Once installed, make sure the MailChimp Addon is enabled by navigating to Components -> Convert Forms -> Addons.

![How to create a MailChimp AJAX Newsletter Form in Joomla](https://www.tassos.gr/images/joomla_mailchimp_form_1.png)

Now, its time to add our MailChimp account to Convert Forms.

## [Step 2: Set-up MailChimp Campaign](#step-2-set-up-mailchimp-campaign)

Before we proceed with the form design, we need to set up a new **Campaign** with our MailChimp settings. To learn more about Convert Forms Campaigns [click here](https://www.tassos.gr/joomla-extensions/convert-forms/docs/getting-started-with-convert-forms).

Let’s see how you can do that. Navigate to Convert Forms -> Campaigns and click on the New button.

![How to create a MailChimp AJAX Newsletter Form in Joomla](https://www.tassos.gr/images/joomla_mailchimp_form_2.png)

On the next page, initially you will need to fill the following fields:

![How to create a MailChimp AJAX Newsletter Form in Joomla](https://www.tassos.gr/images/joomla_mailchimp_form_3.png)

- **Campaign name**: Enter a name so it can be used for future reference and be able to identify the campaign.
- **Status**: Must be set to Published.
- **Choose Service**: If you want to sync your leads with third-party services too, this is the option you're looking for. In your case, select **MailChimp** from the list. Note: If the MailChimp option is not available, the MailChimp add-on is not installed/activated or you’re using the Free version of Convert Forms.

Click the Save button in order to save your campaign and return to the same page. Once the page reloads a new section appears where you will need to enter your **MailChimp API Key** and **List ID** as shown in the screenshot below.

![How to create a MailChimp AJAX Newsletter Form in Joomla](https://www.tassos.gr/images/joomla_mailchimp_form_4.png)

### [2.1 Copy API Key From MailChimp](#2-1-copy-api-key-from-mailchimp)

To get your MailChimp API Key, login to MailChimp and navigate to Account -> Extras -> API Keys. There you can manage and create your API Keys. Check out the detailed guide on [how to create API Keys in MailChimp](https://mailchimp.com/help/about-api-keys)

![How to create a MailChimp AJAX Newsletter Form in Joomla](https://www.tassos.gr/images/joomla_mailchimp_form_5.png)

### [2.2 Select your MailChimp List](#2-2-select-your-mailchimp-list)

Next, you will need to select the MailChimp List where the leads are going to be synced. Simply click on the **Lists button** to retrieve all the available MailChimp Lists from your account.

![How to create a MailChimp AJAX Newsletter Form in Joomla](https://www.tassos.gr/images/joomla_mailchimp_form_6.png)

Choose the list you want to assign to this campaign and click save.

## [Step 3: Create a MailChimp Newsletter Form](#step-3-create-a-mailchimp-newsletter-form)

The real task begins now. Let’s suppose we want to create a newsletter sign up form that captures the user’s name and e-mail address. To make that happen, navigate to Convert Forms -> Forms and click on the New button to create a new form.

On the popup that appears you can select a pre-made template from the list or start designing a form from scratch. For this example, click on the **Start from Scratch** button.

![How to create a MailChimp AJAX Newsletter Form in Joomla](https://www.tassos.gr/images/joomla_mailchimp_form_7.png)

On the next page, you will notice Convert Forms has already prepared a new form with the 2 fields we need.

![How to create a MailChimp AJAX Newsletter Form in Joomla](https://www.tassos.gr/images/joomla_mailchimp_form_8.png)

### [3.1 Map Form Fields with MailChimp Merge Tags](#3-1-map-form-fields-with-mailchimp-merge-tags)

Now we need to tell Convert Forms how to map each of the form fields with the **MailChimp List’s Merge Tags**. This can be easily done by entering the respective List Merge Tag name in the **Field’s key** option.

To view the available Merge Tags, go to MailChimp -> Lists -> Select your List -> Settings -> List fields and \*|MERGE|\* tags.

![How to create a MailChimp AJAX Newsletter Form in Joomla](https://www.tassos.gr/images/joomla_mailchimp_form_9.png)

In our case, we are going to need only the Email Address (**EMAIL**) and First Name (**FNAME**) Smart Tags. Therefore, copy and paste the respective Smart Tag value into the Field Key option of each of your form fields as shown in the screenshot below.

![How to create a MailChimp AJAX Newsletter Form in Joomla](https://www.tassos.gr/images/joomla_mailchimp_form_10.png)

Keep in mind that the Email Field has already its Field Key value set to “email”.

Note: To capture and sync more fields with MailChimp Custom Fields or MailChimp Interests Groups follow the same steps. To read more details check the respective guide [here](https://www.tassos.gr/joomla-extensions/convert-forms/docs/sync-leads-with-mailchimp).

## [Step 4: Connect your Form to MailChimp Campaign](#step-4-connect-your-form-to-mailchimp-campaign)

To connect your newsletter signup form to MailChimp, while you’re on the form editing page, click on the **Submissions Panel** and select the campaign you’ve created in the previous step in the **Collect Leads Using the Campaign** drop-down.

![How to create a MailChimp AJAX Newsletter Form in Joomla](https://www.tassos.gr/images/joomla_mailchimp_form_11.png)

Click save and you’re done with the form configuration. You need to now to add the form to your site.

## [Step 5: Publish your Form](#step-5-publish-your-form)

After you’ve created your MailChimp subscribe form, you need to add it to your site. Convert Forms allows you to add your forms in several locations including your blog posts, pages, and even as a module. Read more details on how you can publish your form in the front-end [here](https://www.tassos.gr/joomla-extensions/convert-forms/docs/how-to-display-a-form-on-the-frontend).

## [Final Words](#final-words)

This is how you can create a MailChimp AJAX newsletter form in Joomla with the help of Convert Forms. For detailed configurations, have a look on the [documentation page](https://www.tassos.gr/joomla-extensions/convert-forms/docs). If you face any troubles with the setup, comment on the section below or drop a line to our [support team](http://www.tassos.gr/contact).

Note: If you haven’t checked my previous article [How to Create an AWeber Subscribe Form in Joomla](https://www.tassos.gr/blog/how-to-create-an-aweber-subscribe-form-in-joomla), I will recommend you to check that if you are or planning to use AWeber with Joomla too.

 [ ![The #1 Joomla Contact Form Builder Extension](https://www.tassos.gr/images/joomla-extensions/convert-forms/banner.png) ](https://www.tassos.gr/joomla-extensions/convert-forms/?utm_source=tassos&utm_medium=blog&utm_campaign=blogAfterContent&utm_content=convert-forms) The #1 Joomla Contact Form Builder Extension

 Create contact forms, payment forms, registration forms, calculator forms with the most user-friendly Joomla contact form builder extension.

 5.0 rate from 959 reviews

 [ Get Convert Forms ](https://www.tassos.gr/joomla-extensions/convert-forms/?utm_source=tassos&utm_medium=blog&utm_campaign=blogAfterContent&utm_content=convert-forms)

## Schema

```json
{
    "@context": "https://schema.org",
    "@type": "BreadcrumbList",
    "itemListElement": [
        {
            "@type": "ListItem",
            "position": 1,
            "name": "Home",
            "item": "https://www.tassos.gr"
        },
        {
            "@type": "ListItem",
            "position": 2,
            "name": "Blog",
            "item": "https://www.tassos.gr/blog"
        },
        {
            "@type": "ListItem",
            "position": 3,
            "name": "How to create a MailChimp AJAX Newsletter Form in Joomla",
            "item": "https://www.tassos.gr/blog/how-to-create-a-mailchimp-ajax-newsletter-form-in-joomla"
        }
    ]
}
```

```json
{
    "@context": "https://schema.org",
    "@type": "BlogPosting",
    "mainEntityOfPage": {
        "@type": "WebPage",
        "@id": "https://www.tassos.gr/blog/how-to-create-a-mailchimp-ajax-newsletter-form-in-joomla"
    },
    "headline": "How to create a MailChimp AJAX Newsletter Form in Joomla",
    "image": {
        "@type": "ImageObject",
        "url": "https://www.tassos.gr/media/k2/items/src/806b6e1806566ad52df50ee6cecd90ef.jpg"
    },
    "publisher": {
        "@type": "Organization",
        "name": "Tassos",
        "logo": {
            "@type": "ImageObject",
            "url": "https://www.tassos.gr/https://www.tassos.gr/media/brand/logo-text.png"
        }
    },
    "author": {
        "@type": "Person",
        "name": "Tassos Marinos",
        "url": "https://x.com/tassosm"
    },
    "datePublished": "2018-10-12T11:40:14+03:00",
    "dateCreated": "2018-10-12T11:40:14+03:00",
    "dateModified": "2024-05-20T21:04:41+03:00"
}
```