Dutch nl
Aan de slag
Door Manfred
Door Manfred
Heb ik programmeerkennis nodig?
Nee. Smart Emails is een volledig visuele editor – je hebt geen programmeerkennis nodig. Alles wordt gedaan via visuele elementen zoals kleurenpickers, dropdownmenu's en schakelaars. Voor gevorderde gebruikers is er een optioneel aangepast Liquid-codeveld per sectie voor speciale weergaveomstandigheden. Maar voor normaal gebruik hoef je nooit code aan te raken.
Wat zijn slimme e-mails?
Smart Emails is een visuele editor voor alle 52 ondersteunde Shopify-notificatiesjablonen, waaronder orderbevestigingen, verzendupdates, retouren, cadeaubonnen, klantnotificaties, kassabonnen en Shopify Messaging-automatiseringen. Hoe werkt het? Smart Emails werkt in twee fasen: 1. Ontwerpfase — Kies een voorinstelling en pas kleuren, lettertypen, knoppen, logo, voettekst, secties en inhoud aan in de visuele editor. 2. Installatiefase — Genereer je sjablonen in Smart Emails en kopieer en sla vervolgens de HTML in de primaire taal op in de bijbehorende Shopify-melding. Shopify staat niet toe dat apps de tekst van de primaire melding automatisch vervangen. 3. Livefase — Na de installatie worden veel dagelijkse instellingen automatisch uit de Shopify Metafields gelezen wanneer een e-mail wordt verzonden. Structurele wijzigingen vereisen nog steeds een nieuwe export. Wat maakt het anders? - 30 professionele presets — 10 ontwerpsets met elk drie bijpassende kleurvariaties - 52 ondersteunde Shopify-sjablonen — transactienotificaties, POS-e-mails, personeelsnotificaties en geselecteerde Shopify Messaging-automatiseringen - Live-instellingen — kleuren, knoppen, voettekst, banner en andere op Metafield gebaseerde instellingen kunnen worden bijgewerkt zonder de primaire sjablooncode te vervangen. - Automatische vertaling — momenteel 33 talen, en er worden continu meer talen toegevoegd. - Geen code — je ziet nooit HTML, CSS of Liquid. Extra talen worden vertaald met Google Cloud Translation en geïnstalleerd voor elke primaire template die al in Shopify is geïnstalleerd.
Hoe installeer ik Smart Emails?
Het installeren van Smart Emails in je Shopify-winkel duurt minder dan een minuut. 1. Ga naar de Smart Emails-pagina in de Shopify App Store 2. Klik op App toevoegen 3. Geef toestemming op het autorisatiescherm 4. Je wordt doorgestuurd naar het Smart Emails-dashboard — je kunt meteen aan de slag || Let op: Smart Emails heeft toestemming nodig om je winkelgegevens (producten, bestellingen, logo) te lezen om realistische voorbeelden in de editor weer te geven. Het wijzigt je bestaande e-mails niet, tenzij je ze expliciet exporteert.
Hoe kies ik een vooraf ingesteld ontwerp?
Smart Emails wordt geleverd met 30 vooraf ingestelde varianten: 10 professioneel ontworpen basissets, elk met drie bijpassende kleurvarianten. De weergegeven variantnamen zijn afhankelijk van de geselecteerde basisset. 1. Open het Smart Emails-dashboard 2. Bekijk de presets — van elke preset wordt een volledig voorbeeld getoond. 3. Klik op degene die je leuk vindt. 4. Selecteer uw primaire taal. 5. Klik op Bewerken starten Elke preset bevat gecoördineerde kleuren, lettertypen, knoppen, afstand, voettekstinstellingen en standaardinstellingen voor secties. Je kunt alles daarna naar wens aanpassen; de preset is slechts het uitgangspunt. || Belangrijk: Het toepassen van een andere basisvoorinstelling wijzigt het ontwerp en de structuur van uw sjablonen. Sla eerst een ontwerpsnapshot op als u mogelijk wilt terugkeren naar de huidige versie. Structurele wijzigingen vereisen een nieuwe export in de primaire taal.
Hoe werkt de editor?
De Smart Emails-editor wordt geopend binnen Shopify en bestaat uit drie hoofdgebieden: - Instellingenpaneel — Bewerk tekst, kleuren, afbeeldingen, afstand en sectiespecifieke opties. - Canvas — Een live visuele preview van de momenteel geselecteerde sjabloon. - Werkbalk — Open algemene instellingen, wijzig de breedte van de voorbeeldweergave, maak wijzigingen ongedaan of herhaal ze, verstuur een test en start een export. Wijzigingen aanbrengen 1. Klik op een willekeurig gedeelte in het canvas (rechterkant). 2. De instellingen ervan worden aan de linkerkant geopend. 3. Breng je wijzigingen aan — het canvas wordt in realtime bijgewerkt. 4. Je wijzigingen worden automatisch opgeslagen nadat je ongeveer twee seconden stopt met bewerken. Sjablonen wisselen Gebruik de sjabloonkiezer om te schakelen tussen alle 52 ondersteunde sjablonen. Globale ontwerpinstellingen zoals kleuren, typografie, knoppen, logo en voettekst worden gedeeld. De sectiestructuur en sjabloonspecifieke tekst kunnen per sjabloon verschillen. Voorbeeldweergave voor desktop en mobiel Gebruik de schakelaar voor desktop/mobiel om verschillende breedtes te bekijken. Een echte testmail blijft de ultieme controle, omdat Gmail, Outlook, Apple Mail en andere e-mailclients verschillende rendering-engines gebruiken. Primaire en secundaire talen De editor voor de primaire taal bevat alle ontwerp- en structuuropties. Editors voor secundaire talen richten zich op de vertaalde tekst. Ontwerpwijzigingen worden overgenomen van het primaire ontwerp, zodat alle talen visueel gesynchroniseerd blijven. | De automatische opslagfunctie beschermt je werk, maar een voltooide opslag vervangt niet automatisch de primaire HTML die in Shopify is opgeslagen wanneer de structuur is gewijzigd.
Waar vind ik mijn e-mails in Shopify?
Je Shopify-notificatiemails vind je hier: 1. Ga naar je Shopify-beheerpaneel → Instellingen → Notificaties 2. Je ziet alle notificatiesjablonen (Orderbevestiging, Verzending, enz.) 3. Klik op een sjabloon om deze te bekijken of te bewerken Hier plak je de HTML-code van Smart Emails die je tijdens het exporteren hebt ingevoerd.
Welke wijzigingen worden direct doorgevoerd?
Smart Emails gebruikt Shopify Metafields om wijzigingen direct live te zetten zonder opnieuw te exporteren. Hieronder een overzicht van wat direct live gaat en wat opnieuw geëxporteerd moet worden: Direct (geen heruitvoer mogelijk) - Kleuren (achtergrond, tekst, links, knoppen) - Typografie (lettertypefamilie, groottes) - Stijl van de knop (gevuld, omlijnd, afgerond) - Headerlogo (afbeelding, formaat, uitlijning) - Voettekst (juridische informatie, auteursrecht, links naar sociale media, vrije tekst) - Berichtbanner (tekst, kleuren, aan/uit per sjabloon) - Marketingsecties (kortingen, producten, cadeaubonnen) - Taalspecifieke voettekst, winkellinks, berichtbanner en marketingtekst opgeslagen in taalspecifieke metavelden. Opnieuw exporteren is vereist. - Secties toevoegen of verwijderen - Sectievolgorde wijzigen - Overschakelen naar een andere basisvoorinstelling - Converter-updates die de gegenereerde HTML-structuur wijzigen || Belangrijk: De primaire HTML-sjabloon kan niet automatisch worden vervangen via de Shopify API. Wanneer Smart Emails een melding geeft dat de sjabloon opnieuw moet worden geëxporteerd, kopieert u de nieuw gegenereerde code voor de primaire taal naar Shopify. De geïnstalleerde secundaire talen kunnen vervolgens automatisch worden gesynchroniseerd.
Complete installatie: van voorinstellingen tot meertalige Shopify-e-mails
Gebruik deze checklist wanneer u Smart Emails voor de eerste keer instelt. 1. Kies de primaire taal Uw primaire taal vormt de basis voor het ontwerp, de sjabloonstructuur en de automatische vertalingen. Kies de taal waarin u normaal gesproken de e-mailinhoud schrijft en onderhoudt. 2. Kies en pas een voorinstelling aan Selecteer een van de 30 vooraf ingestelde varianten en open vervolgens de editor. Configureer de algemene kleuren, typografie, knoppen, logo, winkellinks, voettekst en eventuele marketingonderdelen. Controleer de individuele structuur en tekst van de sjablonen die u wilt gebruiken. 3. Verstuur een test-e-mail Open een sjabloon, klik op Test verzenden, voer een e-mailadres in en controleer het resultaat op desktop en mobiel. Test belangrijke links, afbeeldingen, voettekstinhoud en zowel de lichte als de donkere modus. 4. Genereer de primaire sjablonen Klik op Exporteren naar Shopify. Smart Emails slaat het ontwerp op en genereert de HTML voor elke sjabloon die beschikbaar is in uw abonnement. 5. Stel de primaire taal in Shopify in. Ga naar Exporteren, selecteer een sjabloon en kopieer de code. Open de Shopify-bestemming die wordt weergegeven door Smart Emails, vervang de tekst van de melding en sla deze op. Herhaal dit voor elke primaire sjabloon die u wilt gebruiken. Shopify staat niet toe dat een app de primaire notificatietekst automatisch vervangt. Deze kopieer- en opslagstap is daarom eenmaal per primaire sjabloon en opnieuw na structurele wijzigingen vereist. 6. Voeg secundaire talen toe Ga terug naar de startpagina van Smart Emails en klik op Taal toevoegen. Selecteer de gewenste talen en bevestig. Smart Emails zal dan het volgende doen: - creëert een taalspecifieke ontwerpset - kopieën van het primaire ontwerp - Vertaalt ondersteunde tekst met Google Cloud Translation - maakt de landinstellingen in Shopify mogelijk en publiceert deze. - installeert de vertaalde body_html voor elke reeds geïnstalleerde primaire sjabloon. Je exporteert de versies in de tweede taal niet handmatig. 7. Controleer de e-mailstatus Open E-mailstatus om te controleren welke primaire sjablonen en taalversies aanwezig zijn. Als een taal is toegevoegd voordat een primair sjabloon werd geïnstalleerd, installeer dan eerst het primaire sjabloon en voer vervolgens de aangeboden synchronisatie uit. 8. Activeer een echte Shopify-melding Maak een testbestelling aan of activeer de relevante melding. Deze laatste test controleert de Shopify Liquid-gegevens, de door de klant geselecteerde taal, de onderwerpregel en de inhoud van de e-mail. || Huidige beperking: Smart Emails installeert automatisch vertaalde e-mailteksten. Onderwerpregels van Shopify-notificaties zijn apart en worden momenteel niet door Smart Emails vertaald.
Hoe kan ik secties toevoegen, verplaatsen en verwijderen?
Elk van de 52 sjablonen heeft een eigen sectiestructuur. Selecteer het sjabloon dat u wilt wijzigen voordat u een sectie toevoegt, verplaatst of verwijdert. Voeg een sectie toe 1. Selecteer een gedeelte op het canvas. 2. Klik op de + knop op de plek waar het nieuwe gedeelte moet verschijnen. 3. Kies een van de beschikbare secties voor die sjabloon. 4. Configureer de inhoud en instellingen in het zijpaneel. De lijst is sjabloonbewust. Secties die niet relevant zijn voor de huidige Shopify-melding worden verborgen, en secties die slechts één keer mogen voorkomen, kunnen niet twee keer worden ingevoegd. Verplaats een sectie Selecteer het gedeelte en gebruik de pijltjes omhoog of omlaag. Smart Emails respecteert de vereiste posities. De voettekst blijft bijvoorbeeld het laatste gedeelte. Een sectie verwijderen Selecteer de sectie en klik op de knop 'Verwijderen'. Vereiste secties en globaal beheerde secties kunnen worden beschermd tegen verwijdering. Structurele wijzigingen in de publicatie Het toevoegen of verwijderen van secties en het wijzigen van de volgorde ervan verandert de gegenereerde HTML. Nadat u een van deze wijzigingen hebt aangebracht, genereert u een nieuwe export en vervangt u de primaire sjablooncode in Shopify. Geïnstalleerde secundaire talen kunnen vervolgens automatisch opnieuw worden gegenereerd op basis van de bijgewerkte structuur. || De functie 'Ongedaan maken' is beschikbaar als u per ongeluk een sectie verwijdert of verplaatst, mits u de huidige editorsessie niet hebt verlaten of opnieuw hebt geladen.