• Resolved kj Rocker

    (@kj-rocker)


    Hey guys i am trying to use Emailoctopus with the plugin but it doesn’t seem to work i am told the plugin doesn’t support mail providers who require Jquery to handle the form submit and redirect , How can i go around it ?

    Thanks

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Brandon Kraft

    (@kraftbj)

    Code Wrangler

    Could you provide a sample of the code they provided to embed?

    This plugin is simply a wrapper for traditional forms that submit to another URL, so if it requires JavaScript, then likely this is not something this plugin would support.

    Thread Starter kj Rocker

    (@kj-rocker)

    <link rel=”stylesheet” href=”https://emailoctopus.com/bundles/emailoctopuslist/css/formEmbed.css?1526996405″&gt;

    <div class=”email-octopus-form-wrapper”>
    <h2 class=”email-octopus-heading”>headline </h2>
    <p class=”email-octopus-success-message”></p>
    <p class=”email-octopus-error-message”></p>

    <form method=”post”
    action=”https://emailoctopus.com/lists/1c349595-5d0e-11e8-a3c9-06b79b628af2/members/embedded/1.1/add&#8221;
    class=”email-octopus-form”
    >

    <div class=”email-octopus-form-row”>
    <label for=”field_1″>First name</label>
    <input id=”field_1″ name=”embedded_form_subscription[field_1]” type=”text” placeholder=””>
    </div>

    <div class=”email-octopus-form-row”>
    <label for=”field_0″>Email address</label>
    <input id=”field_0″ name=”embedded_form_subscription[field_0]” type=”email” placeholder=””>
    </div>

    <div class=”email-octopus-form-row-hp” aria-hidden=”true”>
    <!– Do not remove this field, otherwise you risk bot sign-ups –>
    <input type=”text” name=”hp1c349595-5d0e-11e8-a3c9-06b79b628af2″
    tabindex=”-1″
    autocomplete=”nope”>
    </div>

    <div class=”email-octopus-form-row-subscribe”>
    <input type=”hidden”
    name=”successRedirectUrl”
    value=””>
    <button type=”submit”>Subscribe</button>
    </div>
    </form>

    </div>

    <script src=”https://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js”></script&gt;
    <script src=”https://emailoctopus.com/bundles/emailoctopuslist/js/1.1/formEmbed.js?1526996405″></script&gt;

    Plugin Author Brandon Kraft

    (@kraftbj)

    Code Wrangler

    Yeah, it looks like this embed code isn’t compatible. If they have an option for a subscription form not using AJAX, it would probably work.

    The kicker is when submitting the form action here, it just returns a JSON output meant to be handled by their JavaScript. Even if this plugin handled it, the markup wouldn’t match the styling and we’d have some issues.

    Sadly, if this is the only embed code they have, it is not compatible.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Jquery Support’ is closed to new replies.