De RTF-editor gebruiken voor content

Je kunt de RTF-editor van Shopify gebruiken om de tekst in je webshop in een bepaalde stijl op te maken.

Tip

Druk tijdens het werken met de RTF-editor op enter of return om een nieuwe alinea te maken. Hou shift ingedrukt terwijl je op enter of return drukt als je een regeleinde wilt invoegen zonder een nieuwe alinea te forceren.

Waar kan ik de RTF-editor gebruiken

Je kunt de RTF-editor gebruiken om op verschillende plaatsen in je winkel tekst toe te voegen of te bewerken.

• Productbeschrijvingen
• Beschrijvingen van collecties
• Blogberichten
• Pagina's
• Winkelbeleid

Als je een Online Store 2.0-thema gebruikt, kun je stukken tekst met opmaak aan je pagina's of templates toevoegen met de themabewerker.

HTML-content toevoegen met de RTF-editor

Let op

Als je HTML gebruikt in je tekst met opmaak, kan dit weergavefouten veroorzaken in je webshop. Het kopiëren van content van een andere site kan ook ongewenste HTML toevoegen die weergavefouten kan veroorzaken. Je kunt op de knop </> HTML weergeven klikken om de HTML-code te bekijken en eventuele ongewenste HTML of HTML die een weergavefout veroorzaakt, zoals tekst buiten de marges, te verwijderen.

Je kunt HTML-content voor je blogberichten, pagina's, productbeschrijvingen en beschrijvingen van collecties invoeren met de RTF-editor.

Klik op de knop </> HTML weergeven om de HTML-code voor de content in de RTF-editor te bekijken.

In de HTML-weergave kun je veel wijzigingen aanbrengen in de content in de RTF-editor. Je kunt afbeeldingen, video's of tabellen toevoegen met HTML, en je kunt fouten opsporen in de opmaak en de contentstijl of deze verfijnen.

Een mediawidget insluiten

Als je een video- of muziekwidget wilt insluiten, moet je deze eerst hosten op een service zoals Youtube, Vimeo of SoundCloud. Deze services genereren een invoegcode, die je kunt kopiëren en plakken in de RTF-editor van Shopify.

Stappen:

1. Zoek de invoegcode voor de media die je wilt insluiten.

2. Selecteer de gehele invoegcode door erop te klikken en op ctrl + A te drukken op een pc of command + A op een Mac.

3. Kopieer de invoegcode door op ctrl + C te drukken op een pc of op command + C op een Mac.

4. Klik in het Shopify-beheercentrum op de knop HTML weergeven in de RTF-editor voor de content die je aan het bewerken bent.

5. Plak de invoegcode door op een pc op ctrl + V of op een Mac op command + V te drukken.

6. Klik op Opslaan.

Tekst opmaken met de RTF-editor

Met de knop Opmaak kun je snel alinea's, koppen of blockquotes maken. Door de juiste opmaak- en kopniveaus te gebruiken, kunnen mensen en zoekmachines de inhoud van je website beter lezen.

Als je een opmaak voor tekst wilt kiezen, markeer je de tekst en klik je op de knop Opmaak.

Opmaakopties

• Paragraaf

• Kop (1-6)

• Blockquote

Vetgedrukte tekst

Als je tekst vetgedrukt wilt maken, markeer je de tekst en klik je op de knop Vet.

Tekst cursiveren

Als je tekst cursief wilt maken, markeer je de tekst en klik je op de knop Cursief.

Tekst onderstrepen

Als je tekst wil onderstrepen, markeer je de tekst en klik je op de knop Onderstrepen.

Een lijst met opsommingstekens maken

Als je een lijst met opsommingstekens wilt maken, klik je op de knop Lijst met opsommingstekens.

Begin te typen om artikelen met het eerste opsommingsteken aan te maken. Druk op enter of return als je nieuwe lijstitems wilt maken. Druk tweemaal op enter of return als je de lijst wilt afsluiten.

Een genummerde lijst aanmaken

Als je een genummerde lijst wilt maken, klik op de knop Genummerde lijst.

Begin te typen om de eerste artikelen op de genummerde lijst te maken. Druk op enter of return als je nieuwe lijstitems wilt maken. Druk tweemaal op enter of return als je de lijst wilt afsluiten.

Tekst laten inspringen

Als je een alinea laat inspringen, krijgt deze een marge (witruimte) aan de linkerkant. Als je een alinea wilt laten inspringen, klik op de knop Inspringen.

Inspringing verkleinen

Als je de inspringing van een alinea ongedaan maakt, worden alle ingesprongen marges verwijderd. Klik op de knop Inspringing verkleinen om de inspringing van een alinea te verkleinen of ongedaan te maken.

Tekst uitlijnen

Als je tekst wilt uitlijnen, selecteer je de tekst, klik je op de knop Uitlijning en kies je Links uitlijnen, Centreren of Rechts uitlijnen.

Tekstkleuren wijzigen met de RTF-editor

Stappen:

1. Markeer de tekst en klik op de knop Kleur.

2. Klik op een kleur of voer een hexadecimale-code in om de gemarkeerde tekst in die kleur te veranderen.

Achtergrondkleur wijzigen

Stappen:

1. Markeer de tekst en klik op de knop Kleur.

2. Klik op het tabblad achtergrond.

3. Klik op een kleur of voer een hex-code in om de achtergrond van de gemarkeerde tekst in die kleur te veranderen.

Opmaak wissen in de RTF-editor

Als je opmaak van tekst of afbeeldingen wilt verwijderen, markeer je de content en klik je op de knop Opmaak wissen.

Tabellen invoegen met de RTF-editor

Je kunt met de RTF-editor tabellen invoegen in je blogberichten, pagina's, productbeschrijvingen en beschrijvingen van collecties. Je kunt tekst, afbeeldingen of zelfs video's in een tabel plaatsen nadat je deze hebt gemaakt.

Stappen:

1. Klik in de RTF-editor op de knop Tabel invoegen.

2. Klik op Tabel invoegen om een tabel in te voegen. Er wordt een tabel gemaakt met één rij en één kolom.

Wanneer je een tabel hebt aangemaakt, klik je opnieuw op de knop Tabel invoegen om de rijen en kolommen van de tabel te wijzigen:

• Rij boven invoegen: plaats je cursor in een rij en klik op deze knop om een nieuwe rij boven de huidige rij in te voegen.
• Rij onder invoegen: plaats de cursor in een rij en klik op deze knop om een nieuwe rij onder de huidige rij in te voegen.
• Kolom ervoor invoegen: plaats je cursor in een kolom en klik op deze knop om een nieuwe kolom vóór de huidige kolom in te voegen.
• Kolom achter invoegen: plaats je cursor in een kolom en klik op deze knop om een nieuwe kolom na de huidige kolom in te voegen.
• Rij verwijderen: plaats de cursor in een rij die je wilt verwijderen en klik vervolgens op deze knop.
• Kolom verwijderen: plaats de cursor in een kolom die je wilt verwijderen en klik vervolgens op deze knop.
• Tabel verwijderen: plaats je cursor ergens in de tabel en klik vervolgens op deze knop om de hele tabel te verwijderen.

Links invoegen met de RTF-editor

Je kunt met de RTF-editor links invoegen in blogberichten, pagina's, productbeschrijvingen en beschrijvingen van collecties. Links worden overigens ook koppelingen of hyperlinks genoemd in de documentatie. Je kunt links toevoegen die klanten omleiden naar pagina's in je webshop van Shopify en naar andere websites. Je kunt ook links toevoegen die e-mailberichten openen of telefoongesprekken tot stand brengen, zodat klanten eenvoudig contact met je kunnen opnemen.

Stappen:

1. Markeer de tekst of afbeelding waarvan je een link wilt maken.
2. Klik op Link invoegen.

3. Voer in het veld Link naar de URL in voor de bestemming van de link:

   • Als je een link wilt toevoegen naar een externe website die zich buiten je Shopify-winkel bevindt, voer https:// in gevolgd door het webadres, bijvoorbeeld https://www.example.com.
   • Als je een link wilt toevoegen naar een pagina in je webshop van Shopify, voer de korte URL in, bijvoorbeeld /collections/summer-collection.
   • Als je een link wilt maken waarmee een nieuw e-mailbericht wordt geopend, voer mailto: in gevolgd door het e-mailadres, zoals mailto:example@example.com.
   • Als je een link wilt maken waarmee een telefoongesprek tot stand wordt gebracht, voer tel: in gevolgd door het telefoonnummer, zoals tel:+0-123-456-7890.

4. Voer in het vak Titel link een korte beschrijving in van de link.

5. Geef in het menu Open deze link in aan hoe de link moet worden geopend:

   • hetzelfde venster: de link wordt geopend in een bestaand tabblad of venster van de browser van de gebruiker.
   • een nieuw venster: de link wordt geopend in een nieuw tabblad of venster van de browser.

6. Klik op Koppeling invoegen om de gemarkeerde tekst om te zetten in een link.

Interne en externe links toevoegen met de RTF-editor

Links naar pagina's in je Shopify-winkel worden interne links genoemd. Je kunt korte URL's gebruiken om interne links aan te maken. Zo verwijst de URL /collections naar de pagina met collecties in je winkel.

Gebruik de URL-indeling /page-type/page-handle om een link toe te voegen naar een specifieke pagina van je webshop, zoals een collectie of productpagina. Gebruik de URL /collections/summer-collection als je bijvoorbeeld een link wilt toevoegen naar een collectie met de naam Summer Collection.

Opmerking

Je kunt de handle van een product, collectie, pagina of blog bekijken: ga naar de hoofdpagina van het item in het Shopify-beheercentrum, zoek de sectie Vermelding zoekmachine en klik op Bewerken.

Links naar websites buiten je Shopify-winkel worden externe links genoemd. Externe links moeten volledig worden ingevoerd en beginnen met http://.

Link toevoegen naar een bestand in pagina-content

Nadat je een bestand hebt geüpload, kun je het bestand koppelen aan content in de RTF-editor om het beschikbaar te maken voor downloaden uit de beschrijving van een product of collectie, een webpagina, een webpagina of een blogbericht.

Opmerking

De URL moet beginnen met http://cdn.shopify.com/. Als je http://static.shopify.com ziet, vervang je dit door http://cdn.shopify.com.

Stappen:

Desktop

1. Ga vanuit het Shopify-beheercentrum naar Content > Bestanden.
2. Kopieer de URL voor het bestand dat je wilt koppelen.
3. Klik in je Shopify-beheercentrum op het product, de collectie, de webpagina of het blogbericht waaraan je het bestand wilt toevoegen.
4. Voer in de RTF-editor tekst in voor de link of kies de gewenste tekst.
5. Selecteer de tekst van de link.
6. Klik op Link invoegen.
7. Plak in het veld Link naar de URL voor het bestand dat je wilt koppelen.
8. Klik op Link invoegen. In de RTF-editor wordt gekoppelde tekst blauw weergegeven en onderstreept.

iPhone

1. Tik in de Shopify-app op de knop … en vervolgens op Instellingen.
2. Tik in de sectie Winkelinstellingen op Bestanden.
3. Kopieer de URL voor het bestand dat je wilt koppelen.
4. Klik in je Shopify-beheercentrum op het product, de collectie, de webpagina of het blogbericht waaraan je het bestand wilt toevoegen.
5. Voer in de RTF-editor tekst in voor de link of kies de gewenste tekst.
6. Selecteer de tekst van de link.
7. Klik op Link invoegen.
8. Plak in het veld Link naar de URL voor het bestand dat je wilt koppelen.
9. Klik op Link invoegen. In de RTF-editor wordt gekoppelde tekst blauw weergegeven en onderstreept.

Android

1. Tik in de Shopify-app op de knop … en vervolgens op Instellingen.
2. Tik in de sectie Winkelinstellingen op Bestanden.
3. Kopieer de URL voor het bestand dat je wilt koppelen.
4. Klik in je Shopify-beheercentrum op het product, de collectie, de webpagina of het blogbericht waaraan je het bestand wilt toevoegen.
5. Voer in de RTF-editor tekst in voor de link of kies de gewenste tekst.
6. Selecteer de tekst van de link.
7. Klik op Link invoegen.
8. Plak in het veld Link naar de URL voor het bestand dat je wilt koppelen.
9. Klik op Link invoegen. In de RTF-editor wordt gekoppelde tekst blauw weergegeven en onderstreept.

Afbeeldingen invoegen met de RTF-editor

Er zijn drie manieren om een afbeelding in te voegen met behulp van de RTF-editor. Je kunt:

• afbeeldingen uploaden
• een productafbeelding kiezen
• de URL van een publiek toegankelijke afbeelding gebruiken

Opmerking

Hoewel je maximaal 250 afbeeldingen kunt koppelen aan elk product (inclusief alle varianten), is er geen limiet voor het aantal afbeeldingen dat je in andere delen van je winkel kunt gebruiken.

Afbeeldingen uploaden

Stappen:

1. Klik in de RTF-editor op de knop Afbeelding invoegen.

2. Klik in het dialoogvenster Afbeelding invoegen op het tabblad Geüploade afbeeldingen.

3. Klik op Bestand uploaden.

4. Kies een WebP-, HEIC-, SVG-, GIF-, JPEG- of PNG-afbeeldingsbestand op je computer.

5. Klik op de afbeelding die je hebt geüpload om deze te selecteren.

6. Selecteer in het menu Grootte de weergavegrootte van de afbeelding. Je kunt Origineel selecteren om de afbeelding in te voegen zonder de weergavegrootte te wijzigen.

7. Klik op Afbeelding invoegen om de afbeelding in de RTF-editor te plaatsen.

Kiezen uit productafbeeldingen

Stappen:

1. Klik in de RTF-editor op de knop Afbeelding invoegen.

2. Klik in het dialoogvenster Afbeelding invoegen op het tabblad Productafbeeldingen.

3. Klik op de afbeelding die je wilt invoegen.

4. Selecteer in het menu Grootte de weergavegrootte van de afbeelding. Je kunt Origineel selecteren om de afbeelding in te voegen zonder de weergavegrootte te wijzigen.

5. Klik op Afbeelding invoegen om de productafbeelding in de RTF-editor te plaatsen.

Een afbeeldings-URL gebruiken

Je kunt als volgt een afbeelding invoegen met behulp van een openbare URL:

1. Klik in de RTF-editor op de knop Afbeelding invoegen.

2. Klik in het dialoogvenster Afbeelding invoegen op het tabblad URL.

3. Voer de publiek toegankelijke URL van je afbeeldingsbestand in.

4. Klik op Afbeelding invoegen om de afbeelding met de oorspronkelijke grootte in te voegen in de RTF-editor.

Een afbeelding verplaatsen en een ander formaat geven in de RTF-editor

Nadat je een afbeelding hebt toegevoegd aan de beschrijving van een product of collectie, een webpagina of een blog, kun je de afbeelding verplaatsen naar een andere locatie in de content.

Stappen:

1. Klik in je Shopify-beheercentrum op het product, de collectie, de webpagina of het blogbericht met de afbeelding die je wilt verplaatsen of waarvan je het formaat wilt wijzigen.
2. Klik in de RTF-editor op de afbeelding.

3. Voer een van de volgende handelingen uit:

   • Sleep de advertentie naar een andere locatie in het veld Content als je de afbeelding wilt verplaatsen.
   • Sleep een van de hoeken als je het formaat van de afbeelding wilt wijzigen.

4. Klik op Opslaan.

Een afbeelding bewerken in de RTF-editor

Je kunt de grootte, de tekstomloop en de uitlijning van een afbeelding in de RTF-editor wijzigen. Je kunt ook de afbeeldings-URL bewerken, of alt-tekst voor de afbeelding toevoegen of bewerken.

Stappen:

1. Dubbelklik op de afbeelding in de RTF-editor om het dialoogvenster Afbeelding bewerken te openen.

2. Gebruik de opties voor grootte en uitlijning om de afbeelding te bewerken:

   • Als je de grootte van de afbeelding wilt wijzigen, selecteer een optie voor het formaat.
   • Voeg alternatieve tekst (alt-tekst) toe of pas deze aan als je de SEO en toegankelijkheid van je webshop wilt verbeteren.
   • Geef het aantal pixels op dat je aan beide zijden vrij wilt houden als je witruimte wilt toevoegen.
   • Als je de uitlijning van de afbeelding wilt wijzigen, selecteer een van de pictogrammen voor links uitlijnen, centreren of rechts uitlijnen.
   • Als je tekstomloop wilt inschakelen, selecteer Tekst rondom afbeelding laten lopen.

3. Klik op Afbeelding bewerken om de wijzigingen op te slaan.

Video's invoegen met de RTF-editor

Je kunt met de RTF-editor video's invoegen of insluiten in blogberichten, pagina's, productbeschrijvingen en beschrijvingen van collecties.

Als je een video wilt insluiten die je hebt gemaakt, moet je deze eerst uploaden naar een site voor het streamen van video's, zoals YouTube of Vimeo.

YouTube staat niet toe dat je gerelateerde video's uitschakelt, maar je kunt opgeven dat de gerelateerde video's van hetzelfde kanaal moeten komen als de video die zojuist is afgespeeld.

Stappen:

1. Kopieer de URL van de video door op ctrl + C te drukken op een pc of op command + C op een Mac.

Tip

Als je het thema Brooklyn of Supply gebruikt, kun je de invoegcode van de video kopiëren van YouTube of Vimeo en doorgaan naar stap 7. Het thema zorgt ervoor dat ingesloten video's automatisch responsief zijn.

1. Ga naar Embed Responsively. Embed Responsively is een tool waarmee je een verbeterde invoegcode voor je video kunt maken.

Opmerking

Op bepaalde iPhone-modellen kunnen er problemen met het afspelen optreden wanneer je video's die zijn ingesloten met code van Embed Responsibly, verticaal bekijkt.

1. Klik in Embed Responsively om de videowebsite te selecteren waar je video zich bevindt.

2. Plak de URL van de video die je hebt gekopieerd in het vak Page URL van Embed Responsively door op ctrl + V te drukken op een pc of op command + V op een Mac.

3. Klik op Embed. Er wordt een invoegcode voor de video gemaakt door Embed Responsively.

4. Als de video van YouTube komt en je alleen gerelateerde video's van hetzelfde YouTube-kanaal wilt weergeven, dan kun je de URL van de video in de invoegcode vinden. Kopieer en plak ?rel=0 aan het eind tussen de aanhalingstekens.

5. Kopieer alle code in het vak Embed code.

6. Klik in het Shopify-beheercentrum op de knop Video invoegen in de RTF-editor.

7. Kies Plakken om de invoegcode in het vak in het dialoogvenster Video invoegen te plaatsen.

8. Klik op Video invoegen.

9. Klik op Opslaan als je klaar bent om je wijzigingen op te slaan in het item dat je aan het bewerken was.

Tip

Je kunt invoegcode rechtstreeks van YouTube genereren, maar de ingesloten video zal dan niet zo goed reageren op verschillende schermformaten.

Audiobestanden invoegen met de RTF-editor

Je kunt met de RTF-editor audiobestanden invoegen of insluiten in blogberichten, pagina's, productbeschrijvingen en beschrijvingen van collecties.

Stappen:

1. Klik in het Shopify-beheercentrum op Instellingen en vervolgens op Bestanden.
2. Klik op Bestanden uploaden om het audiobestand te uploaden dat je in je winkel wilt invoegen of insluiten.
3. Ga naar het gedeelte webshop en open de RTF-editor voor de pagina of het blogbericht waaraan je het audiobestand wilt toevoegen.
4. Kopieer <div id="player"><audio controls="controls"> en plak de code in de RTF-editor om een audiospeler in te sluiten op je pagina.

5. Kopieer de volgende code:

   • <source src="https://cdn.shopify.com/s/files/1/0220/2378/files/example.mp3" type="audio/mpeg" /></div>

6. Plak deze code in je RTF-editor, achter de code voor de audiospeler, en vervang https://cdn.shopify.com/s/files/1/0220/2378/files/example.mp3 door de URL die je voor het audiobestand hebt gemaakt bij het uploaden naar Shopify. Je kunt de URL van een audiobestand altijd opzoeken op de pagina Bestanden.

7. Klik op Opslaan.

8. Klik op Weergeven om te controleren of het audiobestand goed wordt afgespeeld.

Tip

Je kunt code voor audiobestanden rechtstreeks vanuit Soundcloud insluiten, maar de audiospeler van Soundcloud werkt mogelijk niet correct op alle apparaten. Ga voor meer informatie naar het helpcentrum van Soundcloud.

Interne opmerkingen toevoegen of verwijderen in de RTF-editor

Je kunt de commentaartags <!-- en --> gebruiken voor interne tekst die je niet in je winkel wilt publiceren.

Stappen:

1. Klik in de RTF-editor op de knop HTML weergeven.

2. Plaats de tekst die je wilt verbergen tussen de tags om een interne opmerking toe te voegen <!-- en -->. Bijvoorbeeld: <!--yourtext-->

3. Klik op Opslaan.

HTML-tags die zijn ingesloten in de commentaartags, worden opgeslagen als interne tekst. Om ervoor te zorgen dat die HTML-tags goed werken, moet je de omringende commentaartags <!-- en --> verwijderen.