HOW TO INTEGRATE MAILCHIMP COMPONENT IN JOOMLA?

How to customize Mailchimp module in Joomla

joomlamailer mailchimp integration for joomla module subscribe button before image

 

The MailChimp integration component for Joomla is more than a great newsletter component! Click to Download MailChimp integration for Joomla component, and for more information about the features MailChimp integration for Joomla can offer!

Don't forget to Signup for a FREE MailChimp account - Trust us, you will be glad you did!!!

About the Free MailChimp account

Before you even install the MailChimp integration component for Joomla, we recommend that you first get a free MailChimp account, now called 'Forever Free', which will give about 2,000 subscribers capability, and send up to 12,000 emails per month. This free account has no expiring trial period, no contract and no credit card is required. What a great deal!

The available MailChimp billing plans are as follow:

  • Forever Free
  • Monthly
  • Pay as you go

Don't forget to setup your profile accordingly!!

Installing MailChimp Integration for Joomla component

Did you get your free MailChimp account yet? If not yet, go and do it now while we wait for you!!!

The installation of the MailChimp Integration for Joomla component is a breeze and the process takes less than a minute (well, at least on our server), and the configuration the same if not less!

Once you have your MailChimp account created, your profile properly setup, and the MailChimp integration for Joomla component installed, you will need to complete the setup process.

To do that, just follow these steps:

  • Click on 'Components' menu
  • Then click on the 'Newsletter' from the drop down, which will take you to the component 'dashboard'

joomlamailer mailchimp integration for joomla component backend 600x328

Alternately, you can also;

  • Click on 'Components'
  • Hover over the 'Newsletter' submenu
  • And then choose 'Dashboard)

Once in the dashboard, you will have the option of setting up the MailChimp signup plugin through the 'plugins' manager, setup the 'mailchimp signup module, and create a subscribers list.

Once you have enabled the MailChimp Signup module and set it up to your liking, but most of the time, our Client get stuck on changing impotant field, or feature, which is the 'Subscribe' text embedded in the submit button.

Unfortunately, the option of changing the 'Subscribe' text in the signup module is not available, therefore, you will need to take another route if you want to have something else instead of the boring text 'Subscribe' with something more personal, or catchy!

This tutorial will guide you through the easy steps of changing the boring 'Subscribe' text. Are you ready?

Via your favorite FTP program, locate and open up the MailChimp default.php. Just in case you are not sure where the MailChimp default.php file is located at, here is the exact path to the file:

  • root/modules/mod_mailchimpsignup/tmpl/default.php

Once you have the 'default.php' file open, look for the following line (line# 244 or around):

 ----- START OF CODE -------

<div>
<input type="button" class="button mcSignupSubmit" value="<?php echo JText::_('JM_SUBSCRIBE'); ?>" data-id="<?php echo $rand;?>" />
</div>

----- END OF CODE --------

What you need to do here is change one word and one word only. The word you want to replace with your favorite word, or call to action is:

('JM_SUBSCRIBE') between the two ' '.

So the new line would look something like:

----- START OF CODE -------

<div>
<input type="button" class="button mcSignupSubmit" value="<?php echo JText::_('Keep me Updated!'); ?>" data-id="<?php echo $rand;?>" />
</div>

----- END OF CODE --------

At the end of the day, you should have something with a button that says 'Keep me Updated!', like below.

joomlamailer mailchimp integration for joomla module subscribe button after image

We know you can come up with a better call to action word but just make sure that it does not go beyond two lines - For esthetics purposes!

Save the changes and you should be good to go!

Side note: If you want to increase the letter spacing of your call to action, you will need to use some custom CSS. If you are using a custom CSS file in your template, you can add the following line to the end of your custom CSS file:

----- START OF CODE -------

/*MailChimp module 'Subscribe' button*/
input[type="file"], input[type="image"], input[type="submit"], input[type="reset"], input[type="button"], input[type="radio"], input[type="checkbox"] {
    letter-spacing: 2px;
    margin: 20px 0 10px 10px;
    width: 75%;
}

----- END OF CODE --------

We hope this tutorial helps someone change the boring button with the 'Subscribe' text to a good 'Call to action' button! If you need further help, please let us know by commenting and we'll be happy to assist you!

Please don't forget to share your web design, SEO and other tips/tricks with us!

 

SimplerWebs

You just learned about 'How to customize MailChimp integration for Joomla component!'