• Skip to main content
  • Skip to primary sidebar
  • Home
  • About
  • Subscribe BMA
  • Contact Us!

Be My Aficionado

Inspire Affection

You are here: Home / Programming / How to Embed Mailchimp Form to your Website for Better Google Pagespeed Insight Score

How to Embed Mailchimp Form to your Website for Better Google Pagespeed Insight Score2 min read

April 15, 2017 by Varun Shrivastava 2 Comments

Hey guys! This article is a short and simple article in which I will show you the best way to embed/integrate mailchimp form to your website. A few days back I developed an obsession with Google Pagespeed Insight. Not because I want good SEO but because I like perfection. I had to Embed Mailchimp form in order to get the best score from my side. It was a ADU in the process. I searched google for the answers but there were no good articles explaining about the best way to integrate mailchimp to the website. So, I started my own tweaks and finally after half hour of experimentation I was able to find a solution.

Best Way to Embed Mailchimp Subscription Form

I’m hoping that you already have a mailchimp account registered and has created a subscription form from their backend. If you do not know how to create a form with mailchimp then read – Create Signup forms with mailchimp, and come back quickly. Once you have created a signup form, you will get a code something similar to,

<script type="text/javascript"

src="//s3.amazonaws.com/downloads.mailchimp.com/js/signup-forms/popup/embed.js" data-

dojo-config="usePlainJson: true, isDebug: false"></script>



<script type="text/javascript">

require(["mojo/signup-forms/Loader"], function(L) {

L.start({"baseUrl":"mc.us12.list-manage.com","uuid":"YOUR_UUID","lid":"YOUR_LID"})

})

</script>

You just need to replace the above code with the code below,

<script defer type="text/javascript"
src="//s3.amazonaws.com/downloads.mailchimp.com/js/signup-forms/popup/embed.js" data-dojo-config="usePlainJson: true, isDebug: false">
</script>

<script defer>

function showMailingPopUp() {
console.log("POPUP LOADED")
???require(["mojo/signup-forms/Loader"], function(L) {
???????L.start({"baseUrl":"mc.us12.list-manage.com","uuid":"YOUR_UUID","lid":"YOUR_LID"}) });
};
setTimeout(function() {
showMailingPopUp()
}, 10000);

</script>

Note – Replace YOUR_UUID with your actual uuid and YOUR_LID with your actual lid.

You can also edit the number of seconds before ?you want subscription form to load. Try to choose a number which does not feel impromptu or very delayed. Try to load a form somewhere between 5 seconds to 15 seconds. However, these are my personal recommendation. You are free to choose any number based on your strategy. This is all you need to do in order to get a better score in your google pagespeed insights.

If this article helped you then do share and subscribe. Also, if you want to score a perfect 100 in google pagespeed insights then subscribe to BMA and we will send you article directly into your inbox.

And as always,
Be my aficionado 🙂

Share this:

  • Click to share on Facebook (Opens in new window)
  • Click to share on LinkedIn (Opens in new window)
  • Click to share on Twitter (Opens in new window)
  • Click to share on Pinterest (Opens in new window)
  • Click to share on Reddit (Opens in new window)
  • More
  • Click to print (Opens in new window)
  • Click to share on Tumblr (Opens in new window)
  • Click to share on Pocket (Opens in new window)
  • Click to share on Telegram (Opens in new window)
  • Click to share on WhatsApp (Opens in new window)
  • Click to share on Skype (Opens in new window)
  • Click to email this to a friend (Opens in new window)

Filed Under: Programming Tagged With: embed mailchimp form, google pagespeed insights, mailchimp subscription form, seo

Reader Interactions

Comments

  1. Pooja says

    April 20, 2017 at 10:37 am

    Hi Varun

    Awesome article, thank you for sharing the article ,keep up the good work !!

    Reply
    • Varun Shrivastava says

      April 20, 2017 at 10:42 am

      Thanks for the appreciation. Will try to produce similar articles in the future. Thanks 🙂

      Reply

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Primary Sidebar

Featured Posts

Best Web Hoster: HostGator VS DreamHost [Web Hosting Comparison]

October 4, 2017 By Varun Shrivastava Leave a Comment

Why and How To Start Your Own Blog? (Less Than 10 Dollars)[With Images]

February 20, 2020 By Varun Shrivastava Leave a Comment

Principles of Microservices – Deploy Independently

October 19, 2020 By Varun Shrivastava Leave a Comment

Boys and Girls are Not the Same

September 3, 2017 By Varun Shrivastava 2 Comments

Why Indians Migrate to the United States (US)

November 20, 2016 By Varun Shrivastava 2 Comments

Latest Posts

  • 3 Best Laptops (Mid-Range) For Every Use Case In India
  • Distributed System Architectural Patterns
  • The Power of being in the Present
  • Basic Calculator Leetcode Problem Using Object-Oriented Programming In Java
  • Study Abroad Destinations : Research and Review

Categories

  • Blogging (103)
  • Cooking (11)
  • Fashion (7)
  • Finance & Money (12)
  • Programming (51)
  • Reviews (4)
  • Technology (22)
  • Travelling (4)
  • Tutorials (12)
  • Web Hosting (8)
  • Wordpress N SEO (19)

Follow us on facebook

Follow us on facebook

Grab the Deal Now!

Hostgator Starting @$3.95/mo

DigitalOcean Free Credits

Trending

Affordable Hosting amazon aoc-2020 bad luck believe in yourself best database earn money blogging education experience fashion finance Financial Freedom food friends goals google india indian cuisine indian education system java javascript life life changing love make money microservices motivation oops poor education system principles of microservices problem-solving programmer programming reality search engines seo SSD Hosting success technology tips top 5 web web developer wordpress

Copyright © 2021 · BeMyAficionado by Varun Shrivastava · WordPress

loading Cancel
Post was not sent - check your email addresses!
Email check failed, please try again
Sorry, your blog cannot share posts by email.