Aan de slag

9 articles Manfred By Manfred

Wat is Smart Emails?

Smart Emails is een visuele editor voor alle 52 ondersteunde Shopify-notificatiesjablonen — inclusief orderbevestigingen, verzendupdates, retouren, cadeaubonnen, klantmeldingen, kassabonnen en automatiseringen van Shopify Messaging. Hoe werkt het? Smart Emails werkt in twee fasen: 1. Designfase — Kies een preset en pas kleuren, lettertypen, knoppen, logo, footer, secties en inhoud aan in de visuele editor. 2. Installatiefase — Genereer je sjablonen in Smart Emails, kopieer en sla vervolgens de primaire HTML op in de bijbehorende Shopify-melding. Shopify staat niet toe dat apps automatisch het primaire meldingsgedeelte vervangen. 3. Live fase — Na installatie worden veel dagelijkse instellingen gelezen uit Shopify Metafields 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 gecoördineerde kleurvariaties - 52 ondersteunde Shopify-sjablonen — transactionele meldingen, POS-e-mails, personeelsmeldingen en geselecteerde Shopify Messaging-automatiseringen - Live settings — kleuren, knoppen, footer, banner en andere Metafield-instellingen kunnen worden bijgewerkt zonder de primaire sjablooncode te vervangen - Auto-vertaling — kies uit 33 ondersteunde talen en gebruik tot 20 e-mailtalen in één winkelontwerpset - Geen code — je ziet nooit HTML, CSS of Liquid Extra talen worden vertaald met Google Cloud Translation. Smart Emails kan automatisch gelokaliseerde bodies installeren voor de 44 notificatiesjablonen die Shopify toont voor vertaling wanneer hun primaire sjablonen al geïnstalleerd zijn.

Hoe installeer ik Smart Emails?

Het installeren van Smart Emails in je Shopify-winkel duurt minder dan een minuut. 1. Bezoek de Smart Emails-vermelding in de Shopify App Store. 2. Selecteer App toevoegen. 3. Controleer en keur de gevraagde toestemmingen goed. 4. Shopify opent het Smart Emails-dashboard. Opmerking: Smart Emails heeft toestemming nodig om relevante winkelgegevens te lezen, waaronder producten, bestellingen en branding, om realistische previews te maken. Het genereren van een export vervangt niet automatisch een primaire Shopify-melding. Je bepaalt welke primaire sjablonen je installeert.

Hoe kies ik een ontwerp-preset?

Smart Emails wordt geleverd met 30 vooraf ingestelde variaties — 10 professioneel ontworpen basissets, elk met drie gecoördineerde kleurvariaties. De weergegeven variatienamen hangen af van de gekozen basisset. 1. Open het Smart Emails-dashboard. 2. Bekijk de presets. Elke preset toont een volledige preview. 3. Selecteer de preset die je wilt gebruiken. 4. Kies je primaire taal. 5. Begin met redigeren. Elke preset bevat gecoördineerde kleuren, lettertypen, knoppen, afstand, voettekstinstellingen en sectiestandaardinstellingen. Je kunt alles daarna aanpassen — de preset is slechts het startpunt. Belangrijk: Het toepassen van een andere basispreset verandert het ontwerp en de structuur die door je templates worden gebruikt. Sla eerst een ontwerpsnapshot op als je misschien terug wilt naar de huidige versie. Structurele wijzigingen vereisen een verse export in de primaire taal.

Hoe werkt de editor?

De Smart Emails-editor opent binnen Shopify en heeft drie hoofdgebieden: - Instellingenpaneel — Bewerk tekst, kleuren, afbeeldingen, afstand en sectie-specifieke opties. - Canvas — Een live visuele preview van het momenteel geselecteerde sjabloon. - Toolbar — Open globale instellingen, verander de breedte van de preview, maak wijzigingen ongedaan of doe het op, stuur een test en start een export. Veranderingen doorvoeren 1. Selecteer een sectie in het canvas. 2. De bijbehorende knoppen openen in het instellingenpaneel. 3. Maak je wijzigingen. Het canvas wordt onmiddellijk bijgewerkt. 4. Wacht tot de save-indicator klaar is voordat je de editor verlaat. Sjablonen schakelen Gebruik de sjabloonkiezer om te wisselen tussen alle 52 ondersteunde sjablonen. Globale ontwerpinstellingen zoals kleuren, typografie, knoppen, logo en voettekst worden gedeeld. De sectiestructuur en sjabloon-specifieke tekst kunnen per sjabloon verschillen. Desktop- en mobiele preview Gebruik de schakelaar Desktop/Mobiel om verschillende breedtes te bekijken. Een echte testmail blijft de laatste controle omdat Gmail, Outlook, Apple Mail en andere e-mailclients verschillende rendering-engines gebruiken. Primaire en secundaire talen De primaire taaleditor bevat de volledige ontwerp- en structuurcontroles. Secundaire taaleditors richten zich op vertaalde tekst. Ontwerpwijzigingen worden overgenomen van het primaire ontwerp zodat alle talen visueel gesynchroniseerd blijven. Belangrijk: Auto-Save beschermt je werk, maar een voltooide save vervangt niet automatisch de primaire HTML die in Shopify is opgeslagen wanneer de structuur is veranderd.

Heb ik programmeerkennis nodig?

Nee. Smart Emails is een volledig visuele editor — je hebt geen programmeerkennis nodig. Alles gebeurt via visuele bediening zoals kleurpickers, dropdowns en schakelaars. Voor gevorderde gebruikers is er per sectie een optioneel aangepast Liquid-codeveld voor speciale weergavecondities. Maar voor normaal gebruik hoef je nooit code aan te raken.

Waar vind ik mijn e-mails in Shopify?

Je Shopify-meldingsmails staan hier: 1. Open Shopify Admin → Instellingen → Meldingen. 2. Zoek de melding die je wilt installeren, zoals een orderbevestiging of verzendupdate. 3. Open de melding om de e-mailtekst te bekijken of te bewerken. Hier plak je de HTML-code van Smart Emails tijdens het exportproces.

Welke veranderingen gaan direct live?

Smart Emails gebruikt Shopify Metafields voor ondersteunende live-instellingen. Deze waarden worden gelezen wanneer Shopify een e-mail aanmaakt. Structurele wijzigingen blijven onderdeel van de geïnstalleerde HTML en vereisen een nieuwe export. Direct (geen herexport) - Kleuren (achtergrond, tekst, links, knoppen) - Typografie (lettertypefamilie, formaten) - Knopstyling (gevuld, omlijning, straal) - Headerlogo (afbeelding, grootte, uitlijning) - Footertekst (juridisch, auteursrecht, sociale links, vrije tekst) - Bericht Banner (tekst, kleuren, aan/uit per sjabloon) - Ondersteunde marketingsectie-inhoud en zichtbaarheid, inclusief kortingen, producten, cadeaubonnen en herbestelinstellingen - Voettekst per taal, Shoplinks, Message Banner en marketingtekst opgeslagen in locatiespecifieke metavelden Vereist herexport - Secties toevoegen of verwijderen - Wijziging van sectievolgorde - Overschakelen naar een andere basispreset - Converter updates die de gegenereerde HTML-structuur wijzigen Belangrijk: Primaire sjabloon-HTML kan niet automatisch worden vervangen via de API van Shopify. Wanneer Smart Emails een herexportmelding toont, kopieer dan de nieuw gegenereerde primaire taalcode naar Shopify. Ondersteunde geïnstalleerde teksten in de secundaire taal kunnen dan automatisch worden gesynchroniseerd.

Volledige opzet: van vooraf ingestelde tot meertalige Shopify-e-mails

Gebruik deze checklist bij het instellen van Smart Emails voor het eerst. 1. Kies de primaire taal Je primaire taal is de bron voor het ontwerp, de sjabloonstructuur en automatische vertalingen. Kies de taal waarin je normaal gesproken schrijft en onderhoud de e-mailinhoud. 2. Kies en pas een preset aan Selecteer een van de 30 vooraf ingestelde variaties en open vervolgens de editor. Configureer globale kleuren, typografie, knoppen, logo, Shop Links, footer en eventuele marketingsecties. Bekijk de individuele structuur en tekst van de sjablonen die je wilt gebruiken. 3. Stuur een testmail Open een sjabloon en kies Test-e-mail** in de werkbalk. Voer een e-mailadres in, stuur het bericht en controleer het resultaat op desktop en mobiel. Test belangrijke links, afbeeldingen, footer-inhoud en zowel licht- als donkermodus. 4. Genereer de primaire sjablonen Klik Exporteren naar Shopify. Smart Emails slaat het ontwerp op en genereert de HTML voor elke template die beschikbaar is in je abonnement. 5. Installeer de primaire taal in Shopify Ga naar Exports, selecteer een sjabloon en kopieer de code. Open de Shopify-bestemming die door Smart Emails wordt weergegeven, vervang de meldingstekst en sla deze op. Herhaal dit voor elk hoofdsjabloon dat je wilt gebruiken. Shopify staat niet toe dat een app automatisch het primaire meldingsgedeelte vervangt. Deze kopieer-en-opslaan-stap is daarom eenmaal per primaire template vereist en opnieuw na structurele wijzigingen. 6. Voeg secundaire talen toe Ga terug naar de Smart Emails startpagina en klik Taal toevoegen. Selecteer de vereiste talen en bevestig. Smart Emails dan: - maakt een taal-specifieke ontwerpset - kopieert het primaire ontwerp - vertaalt ondersteunde tekst met Google Cloud Translation - maakt de locatie mogelijk en publiceert deze in Shopify - installeert de vertaalde body_html voor elke ondersteunde, vertaalbare primaire template die al is geïnstalleerd Je exporteert de secundaire taalversies niet handmatig. Smart Emails biedt 33 interface- en e-mailinhoudstalen. Een winkel kan tot 20 e-mailtalen in één ontwerpset bewaren, inclusief de primaire taal. Voeg alleen de talen toe die de winkel daadwerkelijk gebruikt. 7. Controleer de status van e-mail Open Status e-mail** om te controleren welke primaire sjablonen en taalversies aanwezig zijn. Als een taal is toegevoegd voordat een primaire sjabloon is geïnstalleerd, installeer dan eerst de primaire sjabloon en voer vervolgens de aangeboden synchronisatie uit. 8. Activeer een echte Shopify-melding Maak een testorder aan of activeer de relevante melding. Deze laatste test verifieert Shopify Liquid gegevens, de taalkeuze van de klant, de onderwerpregel en het e-mailtekst samen. Huidige beperking: Smart Emails installeert automatisch vertaalde e-mailteksten voor de 44 notificatiesjablonen die Shopify beschikbaar maakt voor vertaling. De onderwerplijnen van Shopify-meldingen zijn gescheiden en worden momenteel niet vertaald door Smart Emails.

Hoe voeg ik secties toe, verplaats en verwijder ik?

Elk van de 52 sjablonen heeft zijn eigen sectiestructuur. Selecteer het sjabloon dat je wilt wijzigen voordat je een sectie toevoegt, verplaatst of verwijdert. Voeg een sectie toe 1. Selecteer een sectie in het canvas. 2. Klik op de +-knop op de plek waar het nieuwe gedeelte zou moeten verschijnen. 3. Kies een van de beschikbare secties voor dat sjabloon. 4. Configureer de inhoud en instellingen in het instellingenpaneel. De lijst is sjabloonbewust. Secties die niet logisch zijn voor de huidige Shopify-melding zijn verborgen, en secties die slechts één keer verschijnen kunnen niet twee keer worden ingevoegd. Verplaats een sectie Selecteer de sectie en gebruik de omhoog- of omlaagregelaars. Smart Emails respecteert de vereiste posities. Zo blijft de voettekst de laatste sectie. Verwijder een sectie Selecteer de sectie en klik op de verwijderingscontrole. Vereiste secties en globaal beheerde secties kunnen worden beschermd tegen verwijdering. Structurele veranderingen in publicatie Sectie-toevoegingen, verwijderingen en orderwijzigingen wijzigen de gegenereerde HTML. Na het aanbrengen van een van deze wijzigingen genereer je een nieuwe export en vervang je de primaire sjablooncode in Shopify. Geïnstalleerde secundaire talen kunnen vervolgens automatisch worden gegenereerd vanuit de bijgewerkte structuur. Tip: Ongedaan maken is beschikbaar als je per ongeluk een sectie verwijdert of verplaatst, mits je de huidige editorsessie niet hebt verlaten of opnieuw geladen.