Mailjet Newsletter einbinden

10.06.2018 12:47

mnma
#1

mn

Wir haben ein Start Up und erstellen die Website über die Jimdo Pro Version. Für die Newsletter nutzen wir Mailjet. Die generelle Einbindung funktioniert. Jedoch wollen wir an der Seite ein Popup mitlaufen lassen wenn man herunterscrollt. Mit Mailchimp funktionierte das problemlos. Aber mit Mailjet bekommen wir es noch nicht geregelt. Kann uns da wer weiterhelfen?

Antworten

Beitrag melden

#2

18.06.2018 08:09

az_
#2

az_

...wie genau soll das aussehen (Beispiel?) und auf welcher Seite wollt Ihr das verwirklichen (URL?)

LG, az

Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!

...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de

Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html

Antworten

Beitrag melden

#3

19.06.2018 20:37 (zuletzt bearbeitet: 19.06.2018 20:54)

mnma
#3

mn

mnma

Wenn man auf der Website runterscrollt, dann soll das Popup quasi auf der rechten Seite mit nach unten. So hat es der Besucher der Landing Page ständig präsent vor Augen, kann aber dennoch den Inhalt der Seite lesen.

Bei Mailjet kann man währen zwischen eingebetteten Newsletter und Pop Up Newsletter. Der eingebettete NL funktioniert. Beim Popup wird allerdings immer nur ein Button dargestellt - Das Popup funktioniert gar nicht. Der Code von Mailjet-Popup ist wie folgt:

1
2
3
4
5
6
7
 
<data data-token="4fd6d494edcd214bf572ebf000bab260" class="mj-w-data" data-apikey="2U9z" data-w-id="7rn" data-lang="en_US" data-base="https://app.mailjet.com" data-width="640" data-height="328" data-statics="statics"></data>
 
<script type="text/javascript" src="https://app.mailjet.com/statics/js/widget.modal.js"></script>

Es kommt wie gesagt nur ein Button "Newsletter" wenn man das einfügt. Kein Popup.

Nachfolgend ein Code von MC. Bei dem funktioniert es...

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
 

 
<!-- Begin Signup Form -->
<link href="//cdn-images.mail.com/embedcode/horizontal-slim-10_7.css" rel="stylesheet" type="text/css" />
<style type="text/css">
/*<![CDATA[*/
        #mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; width:100%;}
        /* Add your own M.C form style overrides in your site stylesheet or in this style block.
           We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
/*]]>*/
</style>
<div id="mc_embed_signup">
    <form action="https://M-watches.us16.list-manage.com/subscribe/post?u=a715a0e2686fe91400fc66ed5&id=a90255a" method="post" id="mc-embedded-subscribe-form" name=
    "mc-embedded-subscribe-form" class="validate" target="_blank" novalidate="">
        <div id="mc_embed_signup_scroll">
            <label for="mce-EMAIL">JOIN THE JOURNEY</label> <input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="email address" required="" /> 
            <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
 
            <div style="position: absolute; left: -5000px;" aria-hidden="true">
                <input type="text" name="b_a715a0e2686fe91400fc66ed5_a9a320255a" tabindex="-1" value="" />
            </div>
 
            <div class="clear">
                <input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button" />
            </div>
        </div>
    </form>
</div>
<!--End mc_embed_signup-->
 

 