Je ontwerp aanpassen

7 articles Manfred By Manfred

Typografie

Klik op Lettertypen in de werkbalk om lettertypen en groottes voor verschillende tekstelementen te wijzigen: - Shopify-kop — de hoofd-e-mailkop (bijv. "Bestelling bevestigd") - Koppen — sectiekoppen - Ondertiteling — labels en kleinere secundaire kopjes - Hoofdtekst — hoofdtekst - Voettekst — voettekst Afhankelijk van het tekstniveau kun je de lettertypefamilie, grootte, gewicht, cursieve stijl, hoofdletters of regelhoogte aanpassen. De beschikbare lettertypen zijn geselecteerd voor brede e-mailclientcompatibiliteit, maar een e-mailclient kan nog steeds terugvallen op een veilig systeemlettertype als het het gekozen lettertype niet ondersteunt. Globale instelling: Typografie is van toepassing op alle 52 e-mailtemplates. Wijzigingen gaan direct live.

Knoppen aanpassen

Selecteer Knoppen in de werkbalk om alle knoppen in je e-mails tegelijk aan te passen. De icoonkeuzes in elke rij zijn gerangschikt van links naar rechts: - Knopstijl — Vaste vulling, alleen rand of tekstlink - Knopgrootte — Klein, medium of groot - Knopbreedte — Automatisch of breed - Hoekstijl — Vierkant, afgeronde hoeken, of pilvormig - Hoekstraal — Fijn afstemmen van afgeronde hoeken wanneer de middelste hoekstijl wordt gekozen - Knopenlettertype — Kies een lettertype, grootte, gewicht en optionele hoofdletterstijl - Kleuren — Stel de tekst-, achtergrond- en randkleuren in voor de beschikbare stijlen De instellingen onder Knoppen zijn globaal. Ze bepalen het visuele ontwerp van ondersteunde knopsecties in alle 52 sjablonen, waaronder Bestelstatus-knop, Tracking-knop, Nu betalen-knop en Knop. Een sectie kan nog steeds een ander label, URL, uitlijning of zichtbaarheid voor een individuele knop definiëren. Moet ik elke knop afzonderlijk configureren? Nee. Gebruik het globale Knoppen-paneel één keer voor een consistent visueel ontwerp. Bewerk een specifieke knop alleen wanneer het label, de URL, uitlijning of zichtbaarheid zou moeten verschillen. Globale instelling: Het ontwerp dat onder Knoppen is geselecteerd, geldt voor alle 52 e-mailtemplates. Wijzigingen worden direct live gegaan.

Logo

Klik op Logo in de werkbalk, of klik op het logogebied in het canvas. Logoafbeelding Upload je eigen logo of kies er een uit je Shopify-bestanden. Je kunt het logo ook verwijderen en linken naar je winkel-URL. Grootte en uitlijning - Logogrootte — pas de breedte aan met een percentageschuifregelaar - Uitlijningsbureaublad — Links, midden of rechts - Uitligning Mobiel — aparte uitlijning voor mobiel Header-indeling - Begrensd — logo binnen de breedte van de e-mailtekst - Vol — logo beslaat de volledige e-mailbreedte Spacing & kleuren - Verticale dichtheid — bepaalt de afstand boven en onder het logo - Achtergrondkleur — de achtergrond achter het logo - Accentbalk — optionele gekleurde strook boven het logo (schakelaar aan/uit, hoogte en kleur instelbaar) Globale instelling: Het logo geldt voor alle 52 e-mailtemplates. Wijzigingen gaan direct live.

Achtergronden & Stijlen

Klik op Kleuren in de werkbalk om het globale kleurenpaneel te openen. Achtergronden - Buitenachtergrond — het gebied rond je e-mail - Inner Background — het hoofdonderwerp van de e-mail - Footer Background — het footer-gebied - Logo Achtergrond — het gebied achter het headerlogo - Container Achtergrond — de achtergrond van sectiecontainers Tekst en links Er zijn aparte kleurregelaars beschikbaar voor de hoofdkop, sectiekoppen, ondertitels, hoofdtekst, links, footertekst en footerlinks. Zorg altijd voor voldoende contrast tussen tekst en achtergrond. Grens & Grens - Kleur — gedeelde kleur voor randen en scheidingslijnen - Delingsstijl — geen, effen, gestreept of gestippeld - Delerdikte Sectiecontainer - Container Achtergrond — achtergrondkleur voor inhoudssecties - Hoekstraal — afgeronde of scherpe hoeken Globale instelling: Kleuren zijn van toepassing op alle 52 ondersteunde sjablonen. Smart Emails kondigt een licht-only kleurenschema aan om het door de handelaar geselecteerde palet te behouden en te voorkomen dat een gedeeltelijke omzetting in donkere modus onleesbare tekst/achtergrondcombinaties veroorzaakt.

Volledige gids voor e-mailsecties

Secties zijn de bouwstenen van een Smart Emails-sjabloon. De editor biedt alleen secties die compatibel zijn met de geselecteerde Shopify-melding, en sommige meldingsspecifieke secties kunnen niet handmatig worden toegevoegd. Structuur en tekst - Shopify-koptekst — de hoofdmeldingskop - Introductietekst, Medewerker introductietekst en Verzending introductietekst — contextspecifieke openingsinhoud - Tekst, Aangepast bericht en Afsluittekst — bewerkbare tekstgebieden - Tekstkolommen — meerdere tekstblokken in kolommen - Witruimte en Scheidingslijn — visuele afstand en scheiding - FAQ — een lijst met aangepaste vragen en antwoorden Bestellingen, producten en totalen - Product en Producten — basisproductinformatie - Producten met prijzen — posten, kortingen, belastingen, verzending en totalen - Producten met terugbetaling en Producten met ruiling — terugbetalings- en ruildetails - Bestelnummer, Bestelnotities, Betalingsinfo, Betalingsvoorwaarden, Betalingsherinnering en Totaal verschuldigd - Adresgegevens, Verzendgegevens en Ophaallocatie Deze secties tonen Shopify-gegevens alleen wanneer de melding deze verstrekt. Voorbeeldgegevens kunnen worden ingeschakeld in ondersteunde panelen voor previewdoeleinden. Knoppen en acties - Bestelstatus-knop, Tracking-knop en Nu betalen-knop - Knop — een aangepaste call-to-action met een label en URL - Apple Wallet-knop - Winkellinks — navigatielinks naar winkelpagina's Afbeeldingen en lay-outs - Afbeelding - Afbeelding met tekst - Afbeelding twee kolommen - Afbeelding met overlay - App downloaden Marketingsecties - Berichtbanner - Kortingen - Uitgelicht product - Aanbevolen producten - Cadeaukaart - Opnieuw bestellen Marketingsecties kunnen worden toegewezen aan geselecteerde sjablonen en worden beheerd via live instellingen nadat de primaire sjabloon is geïnstalleerd. Cadeaubonnen, retouren en accountmeldingen - Cadeaukaartcode, Cadeaukaartgegevens en Bericht aan ontvanger - Retourlabel instructies en Redenen afwijzing retour - Winkelkrediet details - E-mailadres wijziging en Wijzigingen verkoopattributie - Enquête Globale secties Het headerlogo, Message Banner, Shop Links en Footer gebruiken gedeelde instellingen. Het visuele ontwerp wordt beheerd vanuit de primaire editor, terwijl ondersteunde tekst apart wordt opgeslagen voor elke taal. Belangrijk: Het toevoegen, verwijderen of herschikken van een sectie is een structurele wijziging en vereist een nieuwe export in primaire taal.

Winkellinks

Shop Links bieden een compact navigatiegebied in je notificatiemails. Gebruik ze voor bestemmingen zoals je startpagina, nieuwe producten, verkoopcollectie, contactpagina of retourinformatie. Open Shop Links Klik op Winkellinks in de editortoolbar of selecteer het Winkellinks in het canvas. Configureer de inhoud Je kunt: - Winkellinks in- of uitschakelen - Bewerk de optionele kop - configureer de beschikbare linklabels en URL's - Beheer de linkstyling via de globale kleur- en typografie-instellingen Gebruik volledige https://-URL's en test elke link in een echte testmail. Talen en synchronisatie De linklay-out en het ontwerp komen van de primaire editor. Linklabels kunnen per taal worden vertaald. URL's worden gekopieerd als functionele waarden en worden niet vertaald. Als verschillende talen verschillende bestemmings-URL's nodig hebben, open dan de relevante editor voor de secundaire taal en verifieer de huidige taalspecifieke instellingen voordat je publiceert. Shop Links worden opgeslagen in lokaal specifieke Shopify Metafields en zijn van toepassing op alle 52 ondersteunde sjablonen die het Shop Links-blok bevatten.

Ontwerp Saveslots

Smart Emails biedt vier klantontwerpslots. Ze zijn handig om seizoensvariaties, campagnestijlen of een veilige kopie te bewaren voordat een andere preset wordt toegepast. Wat een gokkastwinkel Een ontwerpsnapshot bevat de globale visuele instellingen, zoals kleuren, typografie, knoppen, voettekst, winkellinks, berichtbanner, marketinginstellingen, afstand en andere vooraf ingestelde ontwerpwaarden. Sla een ontwerp op 1. Open de preset- en saved-design-besturing in de editor. 2. Selecteer een lege plek. 3. Voer een beschrijvende naam in. 4. Bewaar het huidige ontwerp. Beheer opgeslagen ontwerpen Voor een bezette plek kun je: - laad het opgeslagen ontwerp - overschrijf het met het huidige ontwerp - Hernoem het - Verwijder het na bevestiging Het laden van een slot vervangt de huidige globale ontwerpinstellingen. Sla de huidige staat eerst in een andere slot op als je er misschien naar terug wilt gaan. Belangrijk: Een designslot is geen aparte Shopify-installatie. Als het laden ervan de sjabloonstructuur of basispreset verandert, genereer en installeer dan een verse primaire export.