Shopify-app: CleverReach® dubbele opt-in inschrijfformulieren integreren

Voordat u begint

Allereerst moet je onze CleverReach® E-mailmarketing plugin voor Shopify downloaden en installeren .

Daarnaast moet u geautoriseerd zijn met CleverReach® en de initiële synchronisatie voltooien om uw CleverReach® formulieren in Shopify te kunnen gebruiken.

Tijdens de eerste synchronisatie wordt automatisch een standaard responsief formulier voor je aangemaakt en gekoppeld aan je Shopify-lijst. In deze lijst vind je je shopify-e-mailadressen.

U kunt ook andere formulieren maken in uw geladen CleverReach® account. Als je ze in Shopify wilt gebruiken, moet je tijdens het maken van het formulier de ontvangerslijst "Shopify" kiezen. Hoe je een bestaand formulier kunt kopiëren, lees je verderop in deze post.

Formulier invoegen via de thema-editor in Shopify

Om een CleverReach® formulier aan de winkelpui toe te voegen met behulp van de thema-editor moet u eerst klikken op "Online Store" en vervolgens op "Thema's".

Je ziet dan het huidige thema dat actief is in de shop. U kunt de paginalay-out bewerken. Je moet op "Aanpassen" klikken om de pagina te bewerken.

Bildschirmfoto_2020-09-11_um_12.22.10.png

Deze stap opent de thema-editor waar u alle secties kunt bekijken die momenteel op de startpagina worden gepresenteerd. Om een nieuwe sectie toe te voegen, klik je op de knop "Sectie toevoegen" onderaan de lijst.

Bildschirmfoto_2020-09-11_um_12.22.52.png

Je krijgt verschillende sectietypes te zien. Een daarvan zijn de CleverReach® formulieren. Nu moet je het formulier kiezen dat je op de pagina wilt invoegen en op "Toevoegen" klikken.

Bildschirmfoto_2020-09-11_um_14.55.58.png

In het volgende venster kunt u de kop en subkop van het formulier bewerken, evenals het uiterlijk van het formulier op CleverReach®. Als u op de link klikt, gaat u rechtstreeks naar het formulier in uw CleverReach® account waar u meer elementen aan het formulier kunt toevoegen als u dat wilt.

Je kunt live wijzigingen in het formulier bekijken op de pagina aan de rechterkant.

Als je tevreden bent met hoe het formulier eruitziet, kun je de wijzigingen opslaan en het thema publiceren.

Bildschirmfoto_2020-09-11_um_14.56.35.png

Nu is je formulier ingevoegd in je shop en kun je steeds meer abonnees voor je nieuwsbrief krijgen.

Formulier invoegen op pagina's

De tweede optie om CleverReach® formulieren in te voegen op uw Shopify pagina is om een form snippet te kopiëren en deze handmatig in de pagina code in te voegen. Allereerst moet je naar het gedeelte Formulieren gaan op de dashboardpagina van Shopify. Daar moet je het formulier kiezen dat je wilt invoegen.

In de volgende stap moet je klikken op het pictogram met de drie puntjes ("...") voor meer opties en klik op "Formulier toevoegen" in het vervolgkeuzemenu.

Bildschirmfoto_2020-09-14_um_09.35.51.png

In het dialoogvenster dat wordt geopend, ziet u het HTML-codefragment dat moet worden ingevoegd in de pagina waarop u uw formulier wilt weergeven. Door op de knop "Kopiëren" te klikken, kopieer je die code.

Bildschirmfoto_2020-09-14_um_09.36.11.png

Nu moet u teruggaan naar de winkeladministratie en de pagina openen (blog, product, collectie enz.) waar u uw CleverReach® formulier wilt invoegen om te bewerken. Je krijgt een standaard teksteditor te zien, die je normaal kunt bewerken. Het zou ook mogelijk zijn om de code zelf te bewerken en er aangepaste HTML-elementen aan toe te voegen.

In de editor xou bijv. Je moet op de knop met de tags ("<>") klikken om de paginacode te openen:

mceclip7.png

De inhoud van de editor verandert en je kunt nu de HTML-code van alle elementen op die pagina zien. Het enige wat je nu nog hoeft te doen, is het knipsel dat je eerder hebt gekopieerd ergens in de code plakken en de wijzigingen opslaan.

mceclip8.png

Na het opslaan kun je op de knop "Weergeven" klikken om de pagina in de storefront te bekijken en zie je het formulier in je pagina:

mceclip9.png

Formulier invoegen op themapagina's (deze workaround is alleen voor gevorderde gebruikers die bekend zijn met de HTML-code)

De derde optie om een CleverReach® formulier in te voegen op een themapagina is om het formulierfragment te kopiëren en handmatig in te voegen in de themacode.

Op de dashboardpagina van Shopify ga je naar de sectie Formulieren.

In de volgende stap moet je het formulier kiezen dat je wilt invoegen, klik op het pictogram met de drie puntjes ("...") voor meer opties en klik vervolgens op "Formulier toevoegen" in het vervolgkeuzemenu.

Bildschirmfoto_2020-09-14_um_09.35.51.png

In het dialoogvenster dat wordt geopend, ziet u het HTML-codefragment dat moet worden ingevoegd in de pagina waarop u uw formulier wilt weergeven. Klik op de knop "Kopiëren" om die code te kopiëren.

Bildschirmfoto_2020-09-14_um_09.36.11.png

Nu moet je teruggaan naar de winkeladministratie en Online Store -> Thema's -> Aanpassen openen.

Bildschirmfoto_2020-09-11_um_12.22.10.png

Wanneer de thema-editor is geopend, klikt u op Thema-acties -> Code bewerken menu-item.

Bildschirmfoto_2020-09-14_um_09.41.22.png

In de volgende stap kiest u het paginatype van het thema (blog, product, collectie enz.) uit de rechter bestandskiezer en plakt u het knipsel van het CleverReach-formulier op de gewenste plaats.

mceclip14.png

Het formulier verschijnt op alle pagina's van het geselecteerde paginatype (bijv. product, blog, collectie):

Bildschirmfoto_2020-09-14_um_10.39.05.png

Nu staat het formulier op je pagina en kunnen nieuwe ontvangers zich eenvoudig en snel inschrijven voor je nieuwsbrief.

Een bestaand formulier kopiëren in CleverReach

Als u een bestaand formulier heeft dat u wilt gebruiken in uw Shopify integratie, dan heeft u de mogelijkheid om dat formulier te kopiëren in uw betalende CleverReach account. Alle instellingen en stijlen worden gekopieerd naar het nieuwe formulier en je kunt zoveel formulieren maken als je wilt en nodig hebt.

In de eerste stap moet je op het uitklapmenu naast het gewenste formulier klikken.

Unbenannt_1.png

In de 2e stap klik je op het menu-item Kopiëren.

Unbenannt_2.png

3e stap: Nu moet je de nieuwe naam van het formulier ede nieuwe formuliernaam invoeren en de ontvangerslijst selecteren die door onze Shopify-plugin wordt gebruikt (Shopify - <winkelnaam>).

Unbenannt_3.png

Bildschirmfoto_2020-08-05_um_17.03.03.png

Het nieuwe formulier is nu klaar voor gebruik in je winkel:

Bildschirmfoto_2020-08-05_um_17.03.44.png

Klaar - u kunt uw gekopieerde formulier invoegen op elke Shopify-pagina die u maar wilt.

Je kunt trouwens snel en eenvoudig de volgende nieuwsbrief naar je klanten sturen vanuit Shopify. Klik hiervoor op het tabblad "Meer acties" onder "Klanten". Daar heb je een knop om de volgende nieuwsbrief snel en gemakkelijk naar je ontvangers te sturen:

Bildschirmfoto_2020-04-09_um_15.13.01.png

Als je vragen hebt, kun je altijd contact opnemen met ons ondersteuningsteam. 

Veel plezier met onze plugin en begin nu met je Shopify E-Mailmarketing! :-)