Blog

Pop-up tilmelding til nyhedsmail i Magento

0

Som titlen siger, skal vi i dette indlæg kigge på hvordan du nemt får muligheden for en pop-up tilmelding til nyhedsmail i Magento.

[Tweet “Pop-up tilmelding til nyhedsmail i Magento. #magento #nyhedsbrev”]

Der findes allerede flere forskellige moduler og kode-stumper, som kan klare dette ud-af-boksen, og jeg vil herunder liste et par stykker af dem ( i vilkårlig rækkefølge). Du kan naturligvis selv kode noget sammen, hvis du ønsker det. Men hvorfor opfinde den dybe tallerken.

Sleeknote (tidligere Twami)


Sleeknote er dansk udviklet af Mogens Møller og hans team, og er i skrivende stund en kæmpe succes på det danske marked indenfor opsamlinger af nyhedsbrev abonnenter.
Sleeknote tilbyder en 7 dages gratis prøveversion – du kan se alle priser, m.m på Sleeknote – Email Lead generation tool.
Sleeknote findes til mange forskellige e-handels platforme.

Har du brug for at opsætte Sleeknote i Magento, så læs indlægget: Sådan installerer du Sleeknote i magento.

Extended Newsletter Subscription


Modul fra tyske Media Rocks – modulet er gratis og kan findes på Extended Newsletter Subscription.
Modulet kan via administrationen nemt indstilles og tilpasses til forskellige behov. Efter der er opsamlet e-mailadresser kan disse direkte eksporteres ud via xml/csv fil og importeres ind i dit foretrukne nyhedsbrevs-system.
Modulet findes med Engelske og Tyske tekster, men kan nemt oversættes via .csv filer i modulet via ftp.

SumoMe List Builder


SumoMe List Builder er ikke et modul som installeres i din Magento, men derimod et stump kode som indsættes i administrationen. Selve opbygningen og styringen foregår på SumoMe’s interface, og er virkelig gennemtænkt og meget brugervenligt.
AppSumo som er firmaet bag SumoMe tilbyder mange forskellige typer af services, ud over deres List Builder, vil du også finde funktioner som social media delinger, billede-deling (primært på de sociale medier), heat maps, osv. Du kan se hvad AppSumo tilbyder her.

Newsletter Subscription with Free Gift Coupon (Popup)


Et andet alternativ fra firmaet MageTrend. Modulet findes både i en gratis (light) og betalt udgave. Den gratis version kan du frit downlaode via Magento Connect, på følgende Newsletter Subcription Magento Connect link. Vil du hellere have PRO udgaven, så koster denne 39 USD, for at få PRO udgaven, så tag et kig Newsletter Subcription Pro. Dette modul tillader ligeledes at kunderne kan modtage en rabatkode, som “tak” for at tilmelde sig dit nyhedsbrev.

Der findes mange flere muligheder for pop-up tilmelding til nyhedsmail i Magento, end dem jeg har listet ovenfor.

Har du én som du tænker, den skal med på listen, så giv mig endelig et praj. Det kan du gøre nedenfor i kommentarsporet, eller ved at sende mig en mail.

Sådan opretter du widgets i Magento

3

Ved du ikke hvad Widgets er og hvad de bruges til i Magento, så læs indlægget omkring En grundig introduktion til Magento Widgets først.

Jeg vil i dette indlæg vise dig, hvordan du kan oprette en widget som viser et USP banner i toppen af indkøbskurven.

Som du ser nedenfor her:

 

Sådan opretter du widgets i Magento

Gå til menupunktet: CMS » Widgets

Klik på Tilføj Ny Widgetinstans knappen

 

Nu skal vi have valgt hvilke type af widget vi ønsker at lave.

Jeg har herunder klikket på dropdown boksen ud for Type og vælger her CMS statisk blok

 

Herefter skal du vælge tema som din webshop benytter. I mit tilfælde kører jeg med standard RWD 1.9 temaet, og jeg vælger herefter rwd / default i feltet Designpakke/tema.

 

Tryk herefter på forsæt.

Nu skal vi have givet et intern navn (reference) på den widget vi er igang med at oprette. Navnet er som nævnt kun til internt brug, men navngiv den fornuftigt, således du senere nemt kan finde rundt i dine oprettede widgets.

Efter du har udfyldt Widgetinstans titel og evt. sorteringsrækkefølge skal vi have bestemt hvor visningen i shoppen skal være.

Klik på Display On og denne folder sig ud.

Jeg vælger her Specifik Side for kun at ramme indkøbskurv siden.

Først vælger du hvilke Side som skal bruges. Herunder har jeg valgt Indkøbskurv, og derefter fortæller shoppen hvilke blok referencer, som er tilgængelige for den valgte side.

Herefter vælger Navigationsbjælke, da denne giver mig den bedste placering på siden til formålet.

 

[Tweet “Nogle gange skal du forsøge dig frem, for at finde den bedste blok reference i Magento. #magento”]

 

Nogle gange skal du forsøge dig frem for at finde den bedste blok reference. Klik gem, og tjek shoppen. Tilpas om nødvendigt og tjek igen shoppen.

Herefter skal du over i fanebladet Widgetindstillinger og have valgt den statiske blok som skal vises.
Jeg vælger herunder den statiske blok cart_usp som jeg har opretter og afslutter ved at klikke på GEM.

Hvis du nu genopfrisker indkøbskurven i shoppen, skulle du gerne have vist dit banner.

En grundig introduktion til Magento Widgets

0

Hvad er Magento Widgets?

En widget i Magento er en kodestump , der gør det muligt at vise en bred vifte af indhold og placere den i en specifik blok reference i din webshop. Magento widgets kan vise real-time, dynamiske data og skaber muligheder for dine kunder til at interagere med din webshop.
Ved hjælp af Widgets funktionen, er du i stand til let at placere eksisterende indhold, såsom statiske blokke med billeder og tekst, og interaktive elementer forskellige steder i din webshop.

Du kan bruge widgets til at skabe landingssider for marketingkampagner , vise salgsfremmende indhold på bestemte steder i webshoppen.
Widgets kan også bruges til at tilføje interaktive elementer og action blokke til ekstern anmeldelse systemer, videochat , afstemninger og abonnement former , eller at give navigations elementer til tags og media-bannere.

 

[Tweet “Brug widgets i Magento. Kun fantasien sætter grænser. #magento #widgets”]

 

Widget typer i Magento

Herunder finder du en kort beskrivelse af de mest brugte Widget typer i Magento. Du kan læse mere om den enkelte widget-type, ved at folde boksen ud.

CMS pagelink
Viser et link til en valgt CMS side. Giver dig mulighed for at angive brugerdefineret tekst og titel. Når linket er færdig, kan det bruges i indholdssider og statiske blokke.

CMS Static Block
Viser en statisk blok, med blokkens indhold på et bestemt sted på en side.

Catalog Category Link
Viser enten en inline eller block-stil link til en valgt katalog-kategori. Når linket er færdig, kan det bruges på indholdssider og i statiske blokke. Styling: Inline-stil så bruges shoppens generelle styling til vise kategori-linket. Block-stil så bruges stylingen som er lavet til statiske blokke i webshoppen.

Catalog New Products List
Viser en blok med produkter, som er blevet angivet som nyheder. For at få produkter angivet som nyheder, skal du på det enkelte produkt angive “Ny til” og “Ny fra” datointerval.

Catalog Product Link
Viser enten en inline eller block-stil link til en valgt katalog-kategori. Når linket er færdig, kan det bruges på indholdssider og i statiske blokke. Styling: Inline-stil så bruges shoppens generelle styling til vise kategori-linket. Block-stil så bruges stylingen som er lavet til statiske blokke i webshoppen.

Orders and Returns
Denne widget giver dine kunder mulighed for at oprette en returnerings-anmodning i webshoppen på en ordre. Kunden skal udfylde påkrævede oplysninger og herefter afsendes anmodningen til webshoppen via den indbyggede funktion.

Recently Compared Products
Viser den indbyggede blok af nyligt sammenlignede produkter. Du kan angive antallet af produkter, der indgår, og formatere visningen, enten som en liste eller et produkt gitter.

Recently Viewed Products
Viser den indbyggede blok af nyligt viste produkter.Du kan angive antallet af produkter, der indgår, og formatere visningen, enten som en liste eller et produkt gitter.

Mini Shopping Cart
Hvis butikken bruger standard RWD responsive temaet, kan Mini Shopping Cart widget bruges til at vise yderligere oplysninger, så som et banner eller kontaktoplysninger i indkøbskurv dropdownen i toppen af shoppen.

 

Hvorfor så bruge Widgets?

Widgets giver dig mulighed for at styre tiltag og ændringer centralt i Magento administrationen, og gør dit arbejde nemmere.

Du finder widgets under CMS » Widgets

Herefter ser du et overblik over dine widgets, og har du endnu ikke oprettet nogle, vil du se et screenshot som nedenfor.

 

Hvad kan du lave med Widgets?

Den helt store grund til at du skal bruge widget funktionen i Magento, er at du som shopejer kan komme rigtig langt uden en decideret udvikler.

Case:

Du fx. ønsker at vise et banner med dine Unique Selling Points i toppen på indkøbskurv siden.

 

Det ville så kunne se sådan ud:

 

Dette er oprettet med en statisk blok med banneret, og herefter har jeg placeret den statiske blok med en widget.

Havde du ikke mulighed for widgets, ville du skulle forbi din udvikler og bede ham eller hende, om at programmere en placering ind på indkøbskurv siden, og herefter fortælle hvilket ID som den statiske blok havde.

Hvilke placeringer kan bruges til Magento widgets?

Dette afhænger af hvilke tema / template du bruger på shoppen. Som udgangspunkt kan widgets indsættes overalt i shoppen, og når du opretter en widget, vil du først skulle vælge hvilket tema du benytter, også fortæller Magento dig hvilke sider og områder du kan bruge.

Sådan opretter du en widget i Magento

Så læs dette indlæg, hvor jeg gennemgår hvordan du opretter Magento widgets i version 1.9.

 

Responsivt Design – Sådan tester du dit website

0

Responsive web design (RWD) blev først introduceret i 2010 af Ethan Marcotte i artiklen “Responsive Web Design”. Artiklen blev lagt online på “A list Apart” den 25. maj 2010 og du kan læse indlægget fra A list apart – “Responsive Web Design” her.
Det samme år – faktisk kun et par uger tidligere – blev den første iPad frigivet til offentligheden af Apple. Dette havde de dog allerede annonceret i Januar måned samme år.Siden da er responsivt design langsomt blevet mere udbredt.

Men for det store flertal af danskere på nettet, betyder udtrykket intet. De ønsker blot at hjemmesider, ser ordentlige ud og tilpasses deres enhed automatisk. De ønsker ikke at klikke på små hyperlinks, som kan eller ikke kan sende dem til den side, de ønskede, og de ønsker helt sikkert ikke at vente, på en side fyldt med ressource-tunge koder og billedsprog, og som tager alt for lang tid at hente.
De ønsker lyn hurtig loadhastighed af sider, der er nemme at bruge, hvilket er, hvad du får med et responsivt design.
I dette indlæg vil vi hjælpe dig med at forstå og teste responsivt design på dit websted.

Mobil Responsivitet er nu en Ranking Faktor

Det som har skabt den helt store bølge lige nu, er Googles annoncering for flere måneder siden, at brugervenligheden af websteder på mobile enheder vil blive en ranking faktor, når der foretages søgninger på mobile enheder.

Google annoncerede i februar:

Fra 21. april vil vi udvide vores brug af mobile-venlighed som en ranking faktor. Denne ændring vil påvirke mobile søgninger på alle sprog i verden og vil have en betydelig indvirkning i vores søgeresultater. Derfor vil brugerne finde det lettere at få relevante og af høj kvalitet, søgeresultater, der er optimeret til deres enheder.

På trods af dette, den 21. april kom og gik, og ikke meget skete. Ikke endnu i hvert fald. Men jeg tror godt, at jeg kan garantere dig, at det er kun et spørgsmål om tid.
Opdateringen er døbt “Mobile geddon” i SEO og online markedsføring kredse. Det er også så vigtigt for virksomheder, i den virkelige verden, at nyhederne i USA og Storbritannien tog Google’s udmelding meget seriøst.
I dagens indlæg vil jeg se på, hvordan du kan teste dit websted – eller dine kunders – for at se, om de er reelt mobile responsive eller ej. Og hvis den ikke er, hvad kan du så gøre ved det.

Hvad er godt Responsiv Design?

Responsivt design tilpasses automatisk til alle skærmstørrelser og opløsninger.


Ganske enkelt er målet med responsivt design er at give alle brugere, uanset hvilken enhed de bruger, med en konsekvent brugbar browsing oplevelse.
Mere konkret betyder det, at alle funktioner skal arbejde og opføre sig på samme måde på hver enhed.

På den typiske blog kunne det være alt fra social deling knapper, til nyhedsbrev sign-up formularer, til navigation menuer. Desuden bør indholdet være let fordøjeligt, uanset hvilken enhed slutbrugeren befinder sig på.

Der er typisk fire typer af skærme/enheder:

  • Desktop
  • Laptop
  • Tablet
  • Smartphone

De nøjagtige dimensioner for hver skærm/enhed, varierer meget på tværs af fabrikanter. Dit websted skal se ens ud på hver variant.

Har du brug for en Responsiv hjemmeside?

Hurtigt svar: Du vil sikkert have brug for det i fremtiden. Der er ingen tvivl om. Men har du brug for en nu? Andet hurtigt svar: Næsten eller helt sikkert.

Hvis du ikke bruger meget tid på at kigge på data i Google Analytics, er det et godt tidspunkt at undersøge dette – især med hensyn til folk, der besøger dit websted på en mobil enhed.
Ud fra din data i Google Analytics, kan du finde ud af, hvor mange mennesker besøger dit websted ved hjælp af en mobil enhed. Du vil også kunne se, hvor længe de holde sig og hvilken type af mobil enhed de bruger til besøget.
Afhængig af hvordan du har opsat din Google Analytics, kan du også se, hvor mange mennesker, der bruger en mobil enhed som konvertere til kunder, tilmelder sig dit nyhedsbrev eller laver et signup til en gratis prøveversion af din service eller software.

For at se data, skal du logge ind på din Google Analytics-konto, vælg det websted, du ønsker at gennemgå og navigere til Målgruppe » Mobil » Oversigt.
Her vil du se data for desktop, mobiltelefon og tablet.

Hvis dit websted ikke er responsiv, så tjek følgende oplysningerne omkring, hvordan folk interagerer på dit websted:

  • Afvisningsprocent
  • Sider / Session
  • Gennemsnitlig Session Varighed
  • Mål / Konverteringsfrekvens

Hvis tallene er betydeligt lavere end den stationære trafik-statistik, har du et alvorligt problem på dit websted. Dataene fortæller dig at folk på mobiltelefoner og tablets, ikke at har en god oplevelse, når de besøger dit websted.
Hvilket betyder, at det er tid til at gøre noget.

Afprøvning om dit websted er mobil venlighed

Hvis du ikke ser, at dit websted er mobil venligt, er den første ting du skal gøre at køre et par tests. Heldigvis er der en masse værktøjer online, som kan hjælpe dig med at vurdere, hvordan et websted ser ud og fungerer på mobile enheder.

Jeg kommer til nogle af dem, om et kort øjeblik. Men for nu, lad os udføre den mest simple test af alle.
Hvis du er på en desktop maskine, skal du gå til det websted, du vil teste, lad det loade færdigt, så prøver du at gøre din browser skærm smallere, ved at gå ned i hjørne og når der kommer en pil, så trækker du skærmbilledet skråt op med venstre hjørne.

Når du gør dette, vil websteder som har en responsivt design, vil elementerne fra websiden skalere sig ned, og bygges op på toppen af hinanden, men du vil stadig være i stand til at se hele siden, når du ruller ned på skærmen.
Hvis du bruger en mobil enhed, skal du blot besøge det websted, du ønsker at teste og se, hvordan det ser ud på din enhed. Hvis det ligner nøjagtig det samme som desktop-versionen, men skrumpet ned, dit websted er ikke responsivt.

Sådan tester du flere enheder ved brug af Online emulatorer

Det er altså meget godt, at køre disse to enkle tests, men hvad med de mange forskellige enheder der er derude? Fra iPads til Google Nexus til Samsung Galaxy smartphones? Hvordan ser dit websted ser på disse?
Heldigvis behøver du ikke at gå ud og bruge en mindre formue på  at købe en af hver af disse enheder på markedet. Brug i stedet en af de emulator websteder til rådighed til at køre dine tests.

Lad os tage et kig på nogle af dem.

MobileTest.me


Denne emulator tester din hjemmeside på seks populære mobile enheder, herunder iPhone 5, HTC ONE og Google Nexus.
For at teste et websted, skal du klikke på den enhed, du er interesseret i, og indtaste webadressen på det websted / side, du vil teste. Inden for få sekunder henter emulatoren den side på enheden. Ikke kun det, sidens links og andre data forbliver aktiv, så du kan gennemse webstedet via emulatoren.

Brug MobileTest.me.

Responsinator


En smart emulator, der for det meste fokuserer primært på Apple-enheder, men omfatter også et par Android enheder. I stedet for at skulle teste hver enhed, ligesom på MobileTest.me, skal du blot indtaste din URL og rulle ned på siden.
Når du gør det, vil du se, hvordan webstedet ser ud på populære enheder i både stående og liggende tilstand.

Brug Responsinator.

Am I Responsive

AmIResponsive
Samme proces her: Indtast din URL for at få resultaterne. Denne gang, behøver du ikke rulle ned på siden, du vil se resultaterne i toppen af skærmen for generiske enheder. Hvis du klikker inde i skærmen på hver enkelt, kan du rulle og bruge webstedet som normalt.

Brug Am I Responsive.

Googles mobile venligt Test


Der er endnu en værd at nævne: Googles eget værktøj.
Google Mobile Test Tool, indtast blot den ønskede url og afvent Google vurdering af den indtastede url.

Brug Google Mobile-Friendly Test.

Hvad så nu?

På dette tidspunkt har du en forståelse for vigtigheden af responsivt design og ved, hvordan dit websted ser ud på tværs af flere enheder. Men har du brug for at gribe ind?
Hvis dit websted fungerer på tværs af alle enheder, behøver du ikke at gøre noget. Så skal du bare arbejde videre på at forbedre dit websted til dine nuværende og fremtidige besøgende.

Hvis dit websted ikke virker, har du tre muligheder:

1. Konverter dit nuværende websted til responsivt design. Dette kunne meget vel give flere problemer end gevinster, og vil helt sikkert være en tung process, både strukturmæssigt og tids/økonomisk.
2. Brug et mobil tema. Dette giver dig muligheder for at differentiere indholdet som vises til Desktop vs. mobile besøgende, men vil også give dig mere arbejde, da du vil skulle vedligeholde de 2 forskellige platforme/enheder.
3. Skifte hele webstedets design ud til en responsiv løsning. Nok ikke den billigste løsning,  og du vil skulle starte fra bunden af igen på mange områder. Men nok den eneste mulighed, der ikke repræsenterer et kompromis af en slags.

Når du skal vælge en løsning, er der tre vigtige overvejelser at huske på:

  • Er det nemt for brugerne at navigere på dit websted?
  • Er indholdet let at læse?
  • Er det nemt for brugerne at følge dine Call-to-Actions?

Afslut din process med at teste webstedet grundigt – Gå alle områder af dit websted igennem, som om du er en bruger og løs eventuelle problemer, du finder.

Opsummering

Jeg tror, at det fra Google’s side er et bevidst valg om at “tvinge” folk til at skifte til mobile responsive designs.
Alt for længe har store websteder og store virksomheder trukket på skuldrene, når det kommer til at skifte/optimere deres platforme. Det potentielle tab i trafikken og salg, er et klart signal til dem omkring at tage aktion på området.
For freelance webdesignere og webbureauer, kan det blive en travl periode.

Bare tænk:

Hvor mange kunder har du / kender du, der stadig bruger ikke-responsivt design?
Hvor mange ikke-responsive sites er derude venter på en opdatering?

Jeg tør ikke tælle dem!

Men én ting er sikkert: der er masser at websteder at tage fat på, og sørge for at disse lever op til dagens standarder og forventninger.

Jeg håber at du har fundet dette indlæg nyttigt. Jeg ville elske at læse dine tanker og erfaringer i kommentarerne nedenfor.

Få besked når en betaling fejler i Magento

0

Magento kan indstilles til at sende dig (eller den ansvarlige for den daglige drift) en mail notifikation når en betaling fejler i shoppen.

Det kan være rart som shopejer at vide når dette sker, fordi du så har mulighed for reagere og træffe beslutninger på baggrund af dette.

Træffe beslutninger ?

Det kan være at din kunde har indtastet forkert data i betalingsvinduet, og derfor fejler betalingen, men det kan jo også være at kunden har indtastet korrekte oplysninger, men den er helt gal med betalingsgateway’en, og ved at få en mail notifikation, har du mulighed for at opdage dette, og tage action.

Så indstiller du Magento til at sende besked når en betaling fejler

Gå til:
System » Konfiguration » Bestilling » E-mails for mislykket betaling 

I feltet:
Send kopi-e-mail for mislykket betaling til, indtaster du den email adresse som skal modtage en notifikation, og trykker herefter på GEM.

Der vil nu blive afsendt besked, når en betaling fejler i webshoppen.

Magento Community Forum er nu live igen

0

Efter lang tid uden det officielle Magento Community forum, skriver Magento her til aften på Google+ at de nu er klar med en ny og forbedret version af deres forum.

 

Så en længe ventet nyhed er nu offentlig gjort.

Da det gamle Magento Community forum, var fyldt med gode indlæg og sparring mellem brugere af Magento platformen.

Besøg det nye Magento Community Forum

Forummet er opdelt efter områder, og har indbygget søgefunktion, så du har nemt ved at finde indlæg. Husk at sproget primært er Engelsk, også hvis du ønsker at søge efter specifikke emner.

 

Jeg glæder mig til at se dig på det nye Magento Community forum, og personligt har jeg før nedlukningen brugt forummet meget til informationssøgning og sparring med andre omkring Magento platformen.

 

Har du brugt forummet eller hvad tænker du omkring re-lanceringen ?