Jump to content
stefanoferruggiara

Embed Mailchimp in Lauch Page for collect email

Recommended Posts

stefanoferruggiara    5
stefanoferruggiara

Hi there,

does anyone have any advice for me to embed, in a page set as Lauch Page, a simple form MailChimp (such as: name, email and submit button in line)?
Thanks for a quick response


"Se c'è una sola possibilità.. lo faccio, se non c'è.. la creo!"

Coach Stefano Ferruggiara, Allenatore Fisico & Mentale

Share this post


Link to post
Share on other sites
James B    436
James B

Hi Stefan

 

If you're using the Mailchimp plugin you'll be able to insert the form as a shortcode. Such as

 

[mailchimpsf_form]

 

If you insert this into the page content area for the page you have set to the launchpage the shortcode will render in the main launchpage box.

  • Like 1

Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
stefanoferruggiara    5
stefanoferruggiara

Thanks James.. i have also.. Gravity pro.. but what i would like is something nice like

 

____________________________________________   and the button HERE

 

and not

 

the standard form... also is not centered... for explain me better see this...

 

http://businessintelligente.kajabi.com/sq/21150-business-intelligente-intensivo

 

Any idea?


"Se c'è una sola possibilità.. lo faccio, se non c'è.. la creo!"

Coach Stefano Ferruggiara, Allenatore Fisico & Mentale

Share this post


Link to post
Share on other sites
James B    436
James B

I've not used gravity forms but looking at their form setup page it looks like they have an option for a two column layout form. So that effect should be quiet easy to create. The styling side of things I would imagine you'd need to use css to apply a gradient to the main form container and to the button directly. To make it look more like the one on the site you showed me, gravity forms might have some inbuilt styles which could mimic that effect, but to get it as close as possible I'd say css would be the best option.

  • Like 1

Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
stefanoferruggiara    5
stefanoferruggiara

Thanks. You think is it possible to ask support here for do this. I'm not technical:(


"Se c'è una sola possibilità.. lo faccio, se non c'è.. la creo!"

Coach Stefano Ferruggiara, Allenatore Fisico & Mentale

Share this post


Link to post
Share on other sites
James B    436
James B

Hello again,

 

We wouldn't be able to assist directly with the css unfortunately, as this is classed as design not technical support. But we can point you in the right direction to find the resources to achieve the look you want etc. If you get stuck and we notice any errors in the code etc we'd be able to tell you where it's gone wrong.

 

Basically you'd be applying a background-image to the container, like in they did in this thread - http://www.pagelines.com/forum/topic/23121-header-background-image/ you'd just need to change the selector to reflect the one used for your form :-)

  • Like 1

Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now


  • Similar Content

    • dymond
      By dymond+
      Ahhh I screwed up. I was ALMOST DONE with my website, and tried adding a mailchimp js pop up form on the home page with this code mailchimp gave me for the pop up:
      <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":"d136d5c71f4509140650ecf70","lid":"ab22ff149a"}) })</script>
       
      However, instead of adding a pop up it applied to the entire home page so now when I go to page to delet the code, I can;t... I get the stupid pop up and all i see is ablank page... please can someone out there help? Thank you! i have no idea where to manually find the code so I can delete it. I added a PL5 section "html" and dropped it in there...
      www.purplerosedesigncenters.com
       
       

    • rrosewarne
      By rrosewarne
      I've had the embedded mailchimp newsletter form working on my site for a while but notice that the SUBSCRIBE BUTTON is Grey with WHITE text making it all but invisible. Mailchimp suggest deleting  'Class=Clear' but this has no effect and I cannot find the code for the button colour, it just needs to be a bit darker. Anyone got any ideas?
      website www.rosewarnegardens.com
      Thanks Rosalind
    • bobbekaer
      By bobbekaer
      Hi :-)
       
      I am trying to figure out how to make a horizontal form for my Mailchimp newletter. I have seen this at Marie Forleo - http://www.marieforleo.com/ ... and on http://kirsteninternational.com/
       
      What would be the smart way using Pagelines? I have been looking into using Banners, but it seems to be quite a workaround?
       
      I am working on bedreweb.dk/llt
       
      Best,
      Bolette
×