Jump to content

carousel won't work when mailerlite codes enabled on squarespace page

Recommended Posts

  • Replies 7
  • Views 1.2k
  • Created
  • Last Reply

Top Posters In This Topic

here's the mailerlite code:

 

<!DOCTYPE html>
<html>
<head>
<style>
.ml-onclick-form {
 background-color: #fe7235;
 border: none;
 border-radius: 40px;
 color: white;
 padding: 15px 32px;
 text-align: center;
 text-decoration: none;
 display: inline-block;
 font-size: 20px;
 font-width: 800;
 margin: 4px 2px;
 cursor: pointer;
}
</style>
</head>
<body>

<button class="ml-onclick-form" onclick="ml('show', 'N6mEYc', true)"><B>SO LET US TAKE CARE OF IT</button></body>
</html>

Link to comment
On 9/5/2023 at 12:56 PM, jane2341 said:

here's the mailerlite code:

 

<!DOCTYPE html>
<html>
<head>
<style>
.ml-onclick-form {
 background-color: #fe7235;
 border: none;
 border-radius: 40px;
 color: white;
 padding: 15px 32px;
 text-align: center;
 text-decoration: none;
 display: inline-block;
 font-size: 20px;
 font-width: 800;
 margin: 4px 2px;
 cursor: pointer;
}
</style>
</head>
<body>

<button class="ml-onclick-form" onclick="ml('show', 'N6mEYc', true)"><B>SO LET US TAKE CARE OF IT</button></body>
</html>

Can you check it again? I think you sent missing code, it does nothing on my site

I see Mailchimp always has a <script> code and I think MailerLite probably has that too. Can you check code on both Page Header, Code Injection?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

ooopps sorry about that 

here's the complete code: 

(Code Injection code:)

<!-- MailerLite Universal -->
<script>
    (function(w,d,e,u,f,l,n){w[f]=w[f]||function(){(w[f].q=w[f].q||[])
    .push(arguments);},l=d.createElement(e),l.async=1,l.src=u,
    n=d.getElementsByTagName(e)[0],n.parentNode.insertBefore(l,n);})
    (window,document,'script','https://assets.mailerlite.com/js/universal.js','ml');
    ml('account', '441513');
</script>
<!-- End MailerLite Universal -->

 

(code on the page:)

<!DOCTYPE html>
<html>
<head>
<style>
.ml-onclick-form {
 background-color: #fe7235;
 border: none;
 border-radius: 40px;
 color: white;
 padding: 15px 32px;
 text-align: center;
 text-decoration: none;
 display: inline-block;
 font-size: 20px;
 font-width: 800;
 margin: 4px 2px;
 cursor: pointer;
}
</style>
</head>
<body>

<button class="ml-onclick-form" onclick="ml('show', 'N6mEYc', true)"><B>SO LET US TAKE CARE OF IT</button></body>
</html>

Link to comment
On 9/8/2023 at 12:59 PM, jane2341 said:

ooopps sorry about that 

here's the complete code: 

(Code Injection code:)

<!-- MailerLite Universal -->
<script>
    (function(w,d,e,u,f,l,n){w[f]=w[f]||function(){(w[f].q=w[f].q||[])
    .push(arguments);},l=d.createElement(e),l.async=1,l.src=u,
    n=d.getElementsByTagName(e)[0],n.parentNode.insertBefore(l,n);})
    (window,document,'script','https://assets.mailerlite.com/js/universal.js','ml');
    ml('account', '441513');
</script>
<!-- End MailerLite Universal -->

 

(code on the page:)

<!DOCTYPE html>
<html>
<head>
<style>
.ml-onclick-form {
 background-color: #fe7235;
 border: none;
 border-radius: 40px;
 color: white;
 padding: 15px 32px;
 text-align: center;
 text-decoration: none;
 display: inline-block;
 font-size: 20px;
 font-width: 800;
 margin: 4px 2px;
 cursor: pointer;
}
</style>
</head>
<body>

<button class="ml-onclick-form" onclick="ml('show', 'N6mEYc', true)"><B>SO LET US TAKE CARE OF IT</button></body>
</html>

It looks like script code caused this, we can't control MailerLite script code.

You try some other type of slideshow, eg: Gallery Section Carousel, Gallery Block Carousel...

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

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

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.