Help with Email Octopus/MailerLite Forms Embed

Help Customization
,
1

No matter how I try to incorporate the script components in the JS customization field, I can’t get either to work. I just need to get an email newsletter platform where I can use the old contacts…

This is the embed code generated by Email Octopus:

<link rel="stylesheet"
      href="https://emailoctopus.com/bundles/emailoctopuslist/css/1.6/form.css"
>
<div class="emailoctopus-form-wrapper emailoctopus-form-centered null"
     style="font-family: &quot;Times New Roman&quot;, Times, Baskerville, Georgia, serif; color: rgb(217, 225, 232);"
>
  <h2 class="emailoctopus-heading">
    ꥟ My Private Email List
  </h2>
  <p class="emailoctopus-success-message">
  </p>
  <p class="emailoctopus-error-message">
  </p>
  <form action="https://emailoctopus.com/lists/72d84316-1496-11eb-a3d0-06b4694bee2a/members/embedded/1.3/add"
        method="post"
        data-message-success="Thanks for subscribing!"
        data-message-missing-email-address="No email no fun."
        data-message-invalid-email-address="The system says your email looks weird."
        data-message-bot-submission-error="Bad bot, bad! You shouldn't subscribe to human things."
        data-message-consent-required="Please check the checkbox to indicate your consent."
        data-message-invalid-parameters-error="There's a missing field or something."
        data-message-unknown-error="Nice, you got a mystery error. Reach out via email so we can figure it out."
        class="emailoctopus-form"
  >
    <div class="emailoctopus-form-row">
      <label for="field_0">
        Email address
      </label>
      <input id="field_0"
             name="field_0"
             type="email"
             placeholder
             required="required"
      >
    </div>
    <div aria-hidden="true"
         class="emailoctopus-form-row-hp"
    >
      <input type="text"
             name="hpc4b27b6e-eb38-11e9-be00-06b4694bee2a"
             tabindex="-1"
             autocomplete="on"
      >
    </div>
    <div class="emailoctopus-form-row-subscribe">
      <input type="hidden"
             name="successRedirectUrl"
      >
      <button type="submit"
              style="font-family: &quot;Times New Roman&quot;, Times, Baskerville, Georgia, serif; background-color: rgb(155, 174, 200); color: rgb(31, 35, 43);"
      >
        Subscribe
      </button>
    </div>
  </form>
</div>
<script src="https://emailoctopus.com/bundles/emailoctopuslist/js/1.6/form-embed.js">
</script>

I also tried with MailerLite:

(function(m,a,i,l,e,r){ m['MailerLiteObject']=e;function f(){
var c={ a:arguments,q:[]};var r=this.push(c);return "number"!=typeof r?r:f.bind(c.q);}
f.q=f.q||[];m[e]=m[e]||f.bind(f.q);m[e].q=m[e].q||f.q;r=a.createElement(i);
var _=a.getElementsByTagName(i)[0];r.async=1;r.src=l+'?v'+(~~(new Date().getTime()/1000000));
_.parentNode.insertBefore(r,_);})(window, document, 'script', 'https://static.mailerlite.com/js/universal.js', 'ml');

var ml_account = ml('accounts', '2158818', 'a9e2f7c6y5', 'load');

And this is the HTML for the post signature from MailerLite:

<div class="ml-form-embed"
  data-account="2158818:a9e2f7c6y5"
  data-form="2890432:y9d1e2">
</div>

Either works, I’d prefer EmailOctopus as I would prefer to support them, but anything goes.

cc: super @cjeller1592, I hope in your endless knowledge and kindness.

2

Hey @salis, apologize for the delay!

The embed code is honestly a bit tricky to add to Write.as due to the form logic. I couldn’t find a practical way to do this. The only thing I could think was taking a platform like Glitch, making an app that includes the Email Octopus embed code, and embedding the Glitch app into Write.as. Here’s an example of this with the embed code you gave: https://write.as/tbh9fhenyw7t8513.md

Again, it’s not practical, but I hope it gives you an idea of what you could do. Maybe you could link to a version of the Email Octopus form instead of embedding it? Perhaps once the API for the email newsletter get’s updated, you can have it so that when someone subscribes via the normal form, they get added to Email Octopus? Just throwing out ideas.

Sorry if that wasn’t as helpful @salis but I hope it gives you a bit of an idea of possibilities.

3

Always super helpful, thanks CJ. Revue has a form that can be embedded with no problems :slight_smile: Using that.

4

Good to hear @salis! It looks super smooth on your site btw — I couldn’t even tell it was an external subscription form. Hopefully we can make it easier for external services to be integrated into Write.as. Thanks for reaching out about this!