Georgia Lou Studios

Welcome to the Help Center!

MailChimp Newsletter Widget (Old) | Jolie Blogger

Follow

The Jolie Blogger template includes special styles for using MailChimp newsletter widgets in the sidebar and under the slider.

 

NOTE: This tutorial applies to all templates purchased before November 1, 2017.

*You must have a (free) newsletter account from Mailchimp.com to use this feature. Make sure you have also create a List.

 

Sidebar Widget Setup

Step 1: MailChimp Embed Code

1. Log In to your MailChimp.com account.

2. Click on the List link at the top of the page.

3. Click on the name of your List.1.png

4. In the List Sub-menu, click on the Signup Forms link.

2.png

5. Next to the Embedded Forms option, click the Select button.

3.png

6. For the sidebar widget, you will select the Naked form.

4.png

7. Use the Form Options on the left to set your form title and preferences.

5.png

8. Once you are done setting your options, copy the code in the Copy/paste onto your site box. Make sure you copy all the code.

6.png

 

Step 2: Create Blogger Widget

1. Log in to your Blogger Dashboard.

2. Go to the Layout page.

3. Under the orange Sidebar section, click on the Add a gadget link.7.png

4. Add a HTML/JavaScript widget to your sidebar.

5. Give your widget a title (optional).

6. Paste the MailChimp embed code into the Content section.8.png

7. Click the orange Save button to save changes.

 

Under Slider Widget

Step 1: MailChimp Embed Code

1. Log In to your MailChimp.com account.

2. Click on the List link at the top of the page.

3. Click on the name of your List.1.png

4. In the List Sub-menu, click on the Signup Forms link.

2.png

5. Next to the Embedded Forms option, click the Select button.

3.png

6. For the sidebar widget, you will select the Horizontal form.

9.png

7. Use the Form Options on the left to set your form title and preferences.

10.png

8. Once you are done setting your options, copy the code in the Copy/paste onto your site box. Make sure you copy all the code.

11.png

 

Step 2: Create Blogger Widget

1. Log in to your Blogger Dashboard.

2. Go to the Layout page.

3. Under the brown Above Content section, click on the Add a gadget link. (If the Add a gadget link is missing, see this article: https://georgialoustudios.zendesk.com/hc/en-us/articles/115002061908-Add-More-Widgets-to-Above-Content-Under-Post-Areas )

12.png

4. Add a HTML/JavaScript widget to the Above Content Section.

5. Give your widget a title (optional).

6. Paste the MailChimp embed code into the Content section.8.png

7. Click the orange Save button to save changes.

 

Was this article helpful?
0 out of 0 found this helpful

Comments

Powered by Zendesk