Follow

Installationsvejledning af Heypush - Specifikt for Hostedshop

For at få Heypush aktiveret på din konto skal du igennem 3 trin.

  1. Aktivere Heypush inde på din Heyloyalty-konto
  2. Installere worker- og servicefil (for at tilmelde medlemmer og sende data og beskeder skal denne installeres i din upload_dir mappe, på dit website)
  3. Installere et Javascript på alle/de sider, hvor medlemmerne skal have mulighed for at tilmelde sig fra

Vi har forsøgt at gøre det så nemt som muligt. Nedenfor kan du læse mere om de steps du skal igennem

 

NB: Når du installerer Heypush på din webshop, gør du det ved at uploade vores worker-fil (Den fil som "snakker sammen" med kundens browser) og vores service-fil (som indeholder dine heypush indstilinger). 
Det betyder også, at når du har gemt dine filer på din webshop, kan du ikke længere ændre destination eller forsinkelse fra din Heyloyalty konto.

For at gøre det så nemt for dig som muligt, kan du bruge de navne vi foreslår. Så det meste kan kopieres fra denne side.

 

 

 

Trin 1 – aktivering af Heypush på Heyloyalty:

Find ”Integrationer” i topmenuen, og vælg ”Listeintegrationer”.

menu2.png

Herefter klikker du på ”Opsæt Heypush”.

Feature.png

Step 2:

Nu skal du udfylde de respektive felter på listeintegrationen.

Integration_underside.png

Liste
Vælg, hvilken liste dine tilmeldte kontakter skal oprettes på.

Link prefix
Skal stå som https

NB: pt. er det kun muligt at integrere Heypush på domæner med https://

Sti til fil
Denne sættes til:

/upload_dir/HeypushWorker.js

Da det er et Javascript (som altid slutter på ”.js”), bliver den underliggende sti ”/upload_dir/HeypushWorker.js”.

Domæne
Dette skal være dit domæne uden "www.". I vores eksempel har vi brugt "heytarget.dk"

Delay
Dette er den forsinkelse, der skal være, før kunden/medlemmet møder din opt-in og kan tilmelde sig. forsinkelsen er i sekunder.

Heypush id
Dette id bliver autogenereret. Så det skal du ikke udfylde.

Standard ikon
Standard-ikonet bliver brugt ved dine Heypush kampagner og automations som standard. Du kan for hver push-besked ændre dette til et andet ikon eller billede - se vores guide om "Opsætning af Heypush beskeder".

 

Når du har udfyldt de nødvendige felter, klikker du på ”Gem” og går til Heypush-oversigtsiden fra "Integrationer" > "Listeintegrationer".

Her kan du se alle oplysningerne om din Heypush løsning inkl. dit Heypush-ID.

Opsaet_oversigt.png

 

Step 2 – Sådan installerer du Javascript worker- og servicefil

Workerfilen og servicefilen skal uploades via FTP til dit site

For at finde din worker, kan du fra Heypush-oversigten trykke på det lille tandhjul i højre side.

Opsaet_oversigt_tandhjul.png

Herfra har du adgang til begge filer.

 

Tryk først på "Åben workerfil" og download denne fil, ved at kopiere alt indholdet og gemme det via notesblok (windows) eller textEdit (Mac) -  Husk at gemme filen med navnet "HeypushWorker.js" uden citationstegn.

 

mceclip0.png

Herefter skal du downloade din servicefil. Den finder du ved at kopiere det markerede link (se billede ovenfor). Gå ind på linket, hvor du lander på en side, der ligner nedenstående:

 

mceclip1.png

 

Kopier alt indholdet og indsæt det i notesblok eller textEdit. 

Her finder du på linje 37 følgende:

navigator.serviceWorker.register(_heypush.HLPUSH.settings.workerUrl)

Til denne linje skal du, indenfor parentesen, tilføje ", {scope: '/'}" (uden citationstegn), så linjen ændres til:

navigator.serviceWorker.register(_heypush.HLPUSH.settings.workerUrl, {scope: '/'})

 

Når du har rettet filen, gemmer du den  (navngive den "service.js" uden citationstegn).

 

Når du har gemt de to filer, skal de uploades til din Hostedshop løsning via FTP. De skal placeres i mappen "upload_dir". Hvis du har en IT-mand som normalt hjælper med den slags kan du sende filerne til ham.
Alternativ kan du gøre det selv. Vores guide viser nedenfor hvordan:

Opret FTP bruger

Hvis du ikke har en FTP bruger skal der oprettes en. Det gør du ved at gå ind under "kontrolpanel" og vælge "FTP konti".

Herefter vælger du "Opret FTP-konto" i hjørnet i toppen til højre.

Herinde kan du oprette en ny bruger. Giv brugeren et navn og et kodeord og lad den have adgang til "/upload_dir/"

find_FTP_i_hosted.png

 

Når du har oprettet en bruger skal filerne uploades via et FTP program. I vores eksempel har vi brugt "filezilla".

For at få adgang skal du benytte de brugeroplysninger du netop har oprettet.

  • Vært: ftp.mywebshop.io 
  • Brugernavn: det du valgte 
  • Kodeord: det du valgte. 
  • Port: efterlades tom

Tryk på "lyntilslut", når du har udfyldt felterne vist på billedet.
Herefter finder du dine filer i kassen til venstre og trækker dem over i kassen til højre.

mceclip1.png

 

OBS: Heyloyaltys Customer Success Team kan ikke hjælpe dig med installationen i din webshop.

Sidste skridt er at installere et Javascript ibunden af dit body-tag på sitet.

 

Trin 3 – Sådan installerer du Javascriptet

Når du vil implementere Heypush på din Hostedshop løsning - og har du fulgt vores guide - mangler du kun at installere javascriptet.

Javascriptets funktion er at kalde den Servicefil, som du uploadede tidligere.

Scriptet kan du kopiere fra boksen nedenfor:

 

<script src="/upload_dir/service.js"></script>
<script>
_heypush.install();
</script>

 

 

For at ligge det på din Hostedshop løsning skal du logge ind i din webshop og gå til "webshop" og derefter vælge "Design".

Her vælger du "Ret design" og dernæst "indsætte javascript.

Her indsætter du det kopierede script nederst i body-elementet.

ret_design__hosted.png

ret_design__hosted_2.png

Nu er du klar til at modtage Heypush medlemmer fra din shop. Når de tilmelder sig, vil de fremgå på din liste, men uden email og mobilnummer.

 

Hvis du vælger at se medlemmets information kan du se at de i stedet har et Webpush id (webpush er den service som Heypush benytter hos de forskellige browsere, til at sende beskeder).

Rigtig god fornøjelse.

Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request

Comments

Powered by Zendesk