Help
Inloggen

De editor voor tekst met opmaak gebruiken voor content

Je kunt de editor voor tekst met opmaak van Shopify gebruiken om de content in je webshop op te maken en een stijl te geven.

Op deze pagina

Waar je de editor voor tekst met opmaak kunt gebruiken

Je kunt de editor voor tekst met opmaak gebruiken om op verschillende plekken in je winkel tekst toe te voegen of te bewerken:

Als je een compatibel thema gebruikt, kun je secties met tekst met opmaak aan je pagina's of templates toevoegen met de Theme-editor.

HTML-content toevoegen met de editor voor tekst met opmaak

Je kunt HTML-content invoeren voor je blogposts, pagina's, productbeschrijvingen en collectiebeschrijvingen met de editor voor tekst met opmaak.

Klik op de knop Edit code om de HTML-code voor de content in de editor voor tekst met opmaak te bekijken.

In de HTML-weergave kun je veel wijzigingen aanbrengen in de content in de editor voor tekst met opmaak. Je kunt afbeeldingen, video's of tabellen toevoegen met HTML, en je kunt de opmaak en de stijl van de content debuggen of 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 editor voor tekst met opmaak in je Shopify-beheercentrum.

Stappen:

  1. Zoek de invoegcode voor de media die je wilt insluiten.
  2. Selecteer de volledige invoegcode door erop te klikken en op Ctrl + A op een pc of Command + A op een Mac te drukken.
  3. Kopieer de invoegcode door op Ctrl + C op een pc of Command + C op een Mac te drukken.
  4. Klik in je Shopify-beheercentrum op de knop HTML weergeven in de editor voor tekst met opmaak voor de content die je bewerkt.
  5. Plak de invoegcode door op Ctrl + V op een pc of Command + V op een Mac te drukken.
  6. Klik op Opslaan.

Tekst opmaken met de editor voor tekst met opmaak

Met de knop Opmaak kun je snel alinea's, koppen of blokcitaten aanmaken. Het gebruik van de juiste opmaak en kopniveaus helpt mensen en zoekmachines om de content van je website te lezen.

Markeer de tekst en klik vervolgens op de knop Opmaak om een opmaak voor tekst te kiezen.

Opmaakopties

  • Alinea

    De meeste tekstcontent van je website is alineatekst. Alineatekst heeft meestal een lettergrootte van 10–12 pt, maar sommige thema's gebruiken andere lettergroottes.

  • Kop (1-6)

    Koppen worden gebruikt om content te structureren. Er zijn 6 kopniveaus. Kop 1 is het belangrijkste niveau en Kop 6 is het minst belangrijke.

  • Blokcitaat

    Een blokcitaat wordt gebruikt om tekst weer te geven die wordt toegeschreven aan iemand anders, zoals een citaat of een fragment uit een boek of website.

Tekst vetgedrukt maken

Markeer de tekst en klik op de knop Vet om de tekst vetgedrukt te maken.

Tekst cursief maken

Markeer de tekst en klik op de knop Cursief om de tekst cursief te maken.

Tekst onderstrepen

Markeer de tekst en klik op de knop Onderstrepen om de tekst te onderstrepen.

Een lijst met opsommingstekens aanmaken

Om een lijst met opsommingstekens aan te maken, klik je op de knop Lijst met opsommingstekens.

Je kunt typen om het eerste lijstitem aan te maken. Druk op de enter- of return-toets om nieuwe lijstitems aan te maken. Druk twee keer op de enter- of return-toets om de lijst af te sluiten.

Een genummerde lijst aanmaken

Om een genummerde lijst aan te maken, klik je op de knop Genummerde lijst.

Je kunt typen om de eerste genummerde lijstitems aan te maken. Druk op de enter- of return-toets om nieuwe lijstitems aan te maken. Druk twee keer op de enter- of return-toets om de lijst af te sluiten.

Tekst laten inspringen

Door een alinea te laten inspringen, krijgt deze een marge aan de linkerkant. Klik op de knop Laten inspringen om een alinea te laten inspringen.

Inspringing verkleinen

Het verkleinen van de inspringing van een alinea verwijdert de ingesprongen marges. Klik op de knop Inspringing verkleinen om de inspringing van een alinea te verkleinen.

Tekst uitlijnen

Om tekst uit te lijnen, selecteer je de tekst, klik je op de knop Uitlijning en kies je Links uitlijnen, Centreren of Rechts uitlijnen.

Tekstkleur wijzigen

  1. Markeer de tekst en klik op de knop Kleur.
  2. Klik op een kleur of voer een hex-code in om de gemarkeerde tekst die kleur te geven.

Achtergrondkleur van tekst wijzigen

  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 die kleur te geven.

Opmaak wissen in de editor voor tekst met opmaak

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

Tabellen invoegen met de editor voor tekst met opmaak

Met de editor voor tekst met opmaak kun je tabellen invoegen in je blogposts, pagina's, productbeschrijvingen en collectiebeschrijvingen. Nadat je een tabel hebt aangemaakt, kun je er tekst, afbeeldingen of zelfs video's in plaatsen.

Stappen:

  1. Klik in de editor voor tekst met opmaak op de knop Tabel invoegen.
  2. Klik op Tabel invoegen om een tabel in te voegen. Hiermee wordt een tabel met één rij en één kolom aangemaakt.

Nadat je een tabel hebt aangemaakt, klik je nogmaals op de knop Tabel invoegen om de rijen en kolommen van de tabel aan te passen:

  • Rij hierboven invoegen: Plaats de cursor in een rij en klik op deze knop om erboven een nieuwe rij in te voegen.
  • Rij hieronder invoegen: Plaats de cursor in een rij en klik op deze knop om eronder een nieuwe rij in te voegen.
  • Kolom ervoor invoegen: Plaats de cursor in een kolom en klik op deze knop om vóór die kolom een nieuwe kolom in te voegen.
  • Kolom erna invoegen: Plaats de cursor in een kolom en klik op deze knop om na die kolom een nieuwe 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 de cursor ergens in de tabel en klik vervolgens op deze knop om de hele tabel te verwijderen.

Links invoegen met de editor voor tekst met opmaak

Met de editor voor tekst met opmaak kun je links (hyperlinks) invoegen in blogposts, pagina's, productbeschrijvingen en collectiebeschrijvingen. Je kunt links toevoegen die klanten naar pagina's in je Shopify-webshop en naar andere websites leiden. Je kunt ook links toevoegen waarmee e-mailberichten worden geopend of telefoongesprekken worden gestart, zodat klanten makkelijker contact met je kunnen opnemen.

Stappen:

  1. Markeer de tekst of afbeelding waar je een link van wilt maken.
  2. Klik op Link invoegen.
  3. Voer de bestemmings-URL voor de link in het Link naar -veld:
    • Om naar een externe website buiten je Shopify-winkel te linken, voer je https:// in, gevolgd door het webadres, bijvoorbeeld https://www.example.com.
    • Om naar een pagina in je Shopify-webshop te linken, voer je de korte URL in, bijvoorbeeld /collections/summer-collection.
    • Om een link aan te maken waarmee een e-mailbericht wordt geopend, voer je mailto: in, gevolgd door het e-mailadres, bijvoorbeeld mailto:example@example.com.
    • Om een link aan te maken waarmee wordt gebeld, voer je tel: in, gevolgd door het telefoonnummer, bijvoorbeeld tel:+0-123-456-7890.
  4. Voer een korte beschrijving van de link in het vak Linktitel in.
  5. Kies in het menu Deze link openen in hoe de link wordt geopend:
    • hetzelfde venster: De link wordt geopend op het bestaande browsertabblad of in het bestaande browservenster.
    • een nieuw venster: De link wordt geopend op een nieuw browsertabblad of in een nieuw browservenster.
  6. Klik op Link invoegen om je gemarkeerde tekst in een link om te zetten.

Interne en externe links toevoegen met de editor voor tekst met opmaak

Links naar pagina's binnen je Shopify-winkel worden interne links genoemd. Je kunt korte URL's gebruiken om interne links aan te maken. De URL /collections verwijst bijvoorbeeld naar de collectiepagina van je winkel.

Gebruik de URL-indeling /paginatype/pagina-handle om te linken naar een specifieke pagina van je webshop, zoals een collectie- of productpagina. Gebruik bijvoorbeeld de URL /collections/summer-collection om te linken naar een collectie die je hebt aangemaakt met de naam 'Summer Collection'.

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

Nadat je een bestand hebt geüpload, kun je het in de editor voor tekst met opmaak aan content koppelen om het beschikbaar te maken om te downloaden vanuit een product- of collectiebeschrijving, webpagina of blogpost.

Stappen:

Desktop

  1. Ga in je Shopify-beheercentrum naar Content > Bestanden.

  2. Kopieer de URL van het bestand dat je wilt linken.

  3. Klik in je Shopify-beheercentrum op het product, de collectie, de webpagina of de blogpost waar je het bestand wilt toevoegen.

  4. Voer in de editor voor tekst met opmaak linktekst in of kies deze.

  5. Selecteer de linktekst.

  6. Klik op Link invoegen

  7. Plak in het veld Link naar de URL van het bestand dat je wilt linken.

  8. Klik op Link invoegen. In de editor voor tekst met opmaak wordt gelinkte tekst blauw en onderstreept weergegeven.

Mobiel

  1. Tik in de Shopify app op het pictogram Menu.

  2. Tik in het Content-menu op het pictogram pijl omlaag en tik vervolgens op Bestanden.

  3. Kopieer de URL van het bestand dat je wilt linken.

  4. Tik in je Shopify-beheercentrum op het product, de collectie, de webpagina of de blogpost waar je het bestand wilt toevoegen.

  5. Voer in de editor voor tekst met opmaak linktekst in of kies deze.

  6. Selecteer de linktekst.

  7. Tik op Link invoegen

  8. Plak in het veld Link naar de URL van het bestand dat je wilt linken.

  9. Tik op Link invoegen. In de editor voor tekst met opmaak wordt gelinkte tekst blauw en onderstreept weergegeven.

Afbeeldingen invoegen met de editor voor tekst met opmaak

Er zijn drie manieren om een afbeelding in te voegen met de editor voor tekst met opmaak. Je kunt:

Afbeeldingen uploaden

Stappen:

  1. Klik in de editor voor tekst met opmaak 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 Formaat het weergaveformaat van de afbeelding. Je kunt Origineel selecteren om de afbeelding in te voegen zonder het weergaveformaat te wijzigen.

  7. Klik op Afbeelding invoegen om de afbeelding in de editor voor tekst met opmaak te plaatsen.

Kiezen uit productafbeeldingen

Stappen:

  1. Klik in de editor voor tekst met opmaak 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. Als je de productmedia die je wilt invoegen niet kunt vinden, kun je de pijlknoppen gebruiken om door verschillende pagina's te bladeren.

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

  1. Klik op Afbeelding invoegen om de productafbeelding in de editor voor tekst met opmaak te plaatsen.

Een afbeeldings-URL gebruiken

Een afbeelding invoegen met een openbare URL:

  1. Klik in de editor voor tekst met opmaak op de knop Afbeelding invoegen.
  2. Klik in het dialoogvenster Afbeelding invoegen op het tabblad URL.
  3. Voer de openbaar toegankelijke URL van je afbeeldingsbestand in.
  4. Klik op Afbeelding invoegen om de afbeelding in de editor voor tekst met opmaak op het oorspronkelijke formaat in te voegen.

Een afbeelding verplaatsen en het formaat ervan wijzigen in de editor voor tekst met opmaak

Nadat je een afbeelding hebt toegevoegd aan een product- of collectiebeschrijving, webpagina of blog, kun je deze verplaatsen naar een andere locatie in de content.

Stappen:

  1. Klik in je Shopify-beheercentrum op het product, de collectie, de webpagina of de blogpost met de afbeelding die je wilt verplaatsen of waarvan je het formaat wilt wijzigen.
  2. Klik in de editor voor tekst met opmaak op de afbeelding.
  3. Voer een van de volgende handelingen uit:
    • Om de afbeelding te verplaatsen, klik en sleep je deze naar een andere locatie in het Content-veld.
    • Om het formaat van de afbeelding te wijzigen, klik je op een van de hoeken en sleep je deze.
  4. Klik op Opslaan.

Een afbeelding bewerken in de editor voor tekst met opmaak

Je kunt het formaat, de tekstterugloop en de uitlijning van een afbeelding wijzigen in de editor voor tekst met opmaak. Je kunt ook de afbeeldings-URL bewerken of de alt-tekst van de afbeelding toevoegen of bewerken.

Stappen:

  1. Dubbelklik op de afbeelding in de editor voor tekst met opmaak om het dialoogvenster Afbeelding bewerken te openen.
  2. Gebruik de opties voor formaat en uitlijning om de afbeelding te bewerken:
    • Selecteer een formaatoptie om het formaat van de afbeelding te wijzigen.
    • Voeg alt-tekst voor de afbeelding toe of bewerk deze om de SEO en toegankelijkheid van je onlinewinkel te verbeteren.
    • Voer het aantal pixels aan ruimte in dat je aan elke kant wilt toevoegen.
    • Selecteer een van de pictogrammen voor links uitlijnen, centreren of rechts uitlijnen om de uitlijning van de afbeelding te wijzigen.
    • Vink Tekst rond afbeelding laten lopen aan om tekstterugloop toe te voegen.
  3. Klik op Afbeelding bewerken om je wijzigingen op te slaan.

Video's invoegen met de editor voor tekst met opmaak

Je kunt video's invoegen of insluiten in blogposts, pagina's, productbeschrijvingen en collectiebeschrijvingen met de editor voor tekst met opmaak.

Als je een video wilt insluiten die je zelf hebt gemaakt, moet je deze eerst uploaden naar een videostreamingsite zoals YouTube of Vimeo.

Met YouTube kun je gerelateerde video's niet deactiveren, maar je kunt wel opgeven dat de gerelateerde video's van hetzelfde kanaal moeten zijn 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.
  1. Ga naar Embed Responsively. Embed Responsively is een tool die je een verbeterde invoegcode voor je video geeft.
  1. Klik in Embed Responsively om de videowebsite te selecteren waar je video staat.
  2. Plak de URL van de video die je hebt gekopieerd in het vak Pagina-URL in Embed Responsively door op ctrl + V op een pc of command + V op een Mac te drukken.
  3. Klik op Insluiten. Embed Responsively maakt de invoegcode voor je aan.
  4. Als de video van YouTube is en je alleen gerelateerde video's van hetzelfde YouTube-kanaal wilt weergeven, zoek dan de URL van de video in de invoegcode. Kopieer en plak ?rel=0 aan het einde, binnen de aanhalingstekens.
  5. Kopieer alle code in het vak Invoegcode.
  6. Klik in het Shopify-beheercentrum op de knop Video invoegen in de editor voor tekst met opmaak.
  7. Plak de invoegcode in het vak in het dialoogvenster Video invoegen.
  8. Klik op Video invoegen.
  9. Klik op Opslaan als je klaar bent om je wijzigingen in het artikel dat je aan het bewerken was, op te slaan.

Audiobestanden invoegen met de editor voor tekst met opmaak

Je kunt de editor voor tekst met opmaak gebruiken om audiobestanden in te voegen of in te sluiten in blogposts, pagina's, productbeschrijvingen en collectiebeschrijvingen.

Stappen:

  1. Ga in je Shopify-beheercentrum naar Content > Bestanden.

  2. Klik op Bestanden uploaden om het audiobestand te uploaden dat je in je winkel wilt invoegen of insluiten.

  3. Open vanuit de sectie Onlinewinkel de editor voor tekst met opmaak voor de pagina of blogpost waarin je het audiobestand wilt weergeven.

  4. Kopieer <div id="player"><audio controls="controls"> en plak de code vervolgens in de editor voor tekst met opmaak om een audiospeler op je pagina in te sluiten.

  5. Kopieer de volgende code:

  • <source src="https://cdn.shopify.com/s/files/1/0220/2378/files/example.mp3" type="audio/mpeg" /></div>
  1. Plak deze code in de editor voor tekst met opmaak na de code voor de audiospeler en vervang https://cdn.shopify.com/s/files/1/0220/2378/files/example.mp3 door de URL die je hebt aangemaakt voor je audiobestand toen je het naar Shopify uploadde. Je kunt de URL van je audiobestand op elk gewenst moment vinden op de pagina Bestanden.
  2. Klik op Opslaan.
  3. Klik op Weergeven om te controleren of je audiobestand correct wordt afgespeeld.

Interne opmerkingen toevoegen of verwijderen in de editor voor tekst met opmaak

Je kunt opmerkingstags (<!-- en -->) gebruiken voor interne tekst die je niet in je winkel wilt publiceren.

Stappen:

  1. Klik in de editor voor tekst met opmaak op de knop HTML weergeven.
  2. Als je een interne opmerking wilt toevoegen, plaats je de tekst die je verborgen wilt houden tussen <!-- en -->. Bijvoorbeeld: <!--jouwtekst-->.
  3. Klik op Opslaan.

HTML-tags die tussen de opmerkingstags staan, worden opgeslagen als interne tekst. Om ervoor te zorgen dat die HTML-tags goed werken, moet je de opmerkingstags (<!-- en -->) eromheen verwijderen.

Uitleg over de editor voor tekst met opmaak

De editor voor tekst met opmaak is geïntegreerd met TinyMCE, een extern content delivery network (CDN). Deze integratie heeft een paar belangrijke gevolgen:

  • Contentlimiet: Er is een vaste limiet van 64 kB voor content die is ingevoerd in de editor voor tekst met opmaak. Dit geldt voor Pagina's, Blogposts en aanvullende scripts.
  • HTML-sanering: TinyMCE biedt logica voor contentfiltering die HTML-opmaak automatisch corrigeert om storingen in de webshop en beveiligingsrisico's te voorkomen. Hoewel je HTML handmatig kunt terugzetten naar de oorspronkelijke vorm, wordt aangeraden om met deze geautomatiseerde wijzigingen te werken om mogelijke problemen te voorkomen.

Probleemoplossing voor de editor voor tekst met opmaak

Als je problemen ondervindt met de editor voor tekst met opmaak, neem dan de volgende stappen voor probleemoplossing en veelvoorkomende problemen door.

Opmaakproblemen oplossen

Opmaakproblemen met gekopieerde content

Tekst neemt altijd de opmaak over van de editor of webpagina waar deze vandaan komt. Als je content schrijft in Microsoft Word en deze vervolgens kopieert en plakt in de editor voor tekst met opmaak, behoudt de tekst dezelfde kleur, grootte, inspringing en afstand, inclusief <div>-tags.

Bewerk en maak je content indien mogelijk rechtstreeks op in de editor voor tekst met opmaak.

Overweeg voor complexere paginaopmaak het gebruik van pagebuilder-apps, zoals Shogun Drag & Drop Page Builder.

Opmaakproblemen identificeren

De meest voorkomende oorzaak van problemen in de editor voor tekst met opmaak zijn ingesloten stijlen of opmaak die worden meegenomen wanneer je content kopieert en plakt vanuit een andere bron.

Dit kan zich op verschillende manieren uiten, maar het is doorgaans de boosdoener als er een verschil is tussen wat er in het Shopify-beheercentrum en in je livewinkel wordt weergegeven. Dit omvat informatie die niet wordt bijgewerkt of stijlen die anders worden weergegeven.

Opmaakproblemen oplossen

Er zijn twee manieren om te testen of het probleem wordt veroorzaakt door opmaakproblemen: de knop Opmaak wissen gebruiken of de content van de editor voor tekst met opmaak door een HTML-stripper halen.

Maak om te testen een duplicaat aan van het product of de pagina waar het probleem zich voordoet en voer vervolgens een van de volgende tests uit op het duplicaat.

Test 1: Opmaak wissen

  1. Markeer alle content in de editor voor tekst met opmaak.
  2. Klik op de knop Opmaak wissen.
  3. Klik op Opslaan en test.

Test 2: HTML-stripper

  1. Kopieer alle content uit de editor voor tekst met opmaak.
  2. Plak deze in een HTML-stripper, zoals striphtml.com.
  3. Kopieer alle opgeschoonde content.
  4. Plak deze terug in de editor voor tekst met opmaak en vervang de oorspronkelijke content.
  5. Klik op Opslaan en test.

Als een van deze stappen het probleem oplost, wordt het probleem veroorzaakt door opmaak die is meegenomen toen de content oorspronkelijk werd toegevoegd aan de editor voor tekst met opmaak. Je kunt dezelfde methoden gebruiken om de oorspronkelijke content te herstellen.

Problemen met verkeerd uitgelijnde afbeeldingscode oplossen

Als je problemen ondervindt met het correct uitlijnen van tekst naast een afbeelding wanneer je de optie voor tekstterugloop gebruikt, moet je mogelijk de code verplaatsen zodat de afbeeldingstag aan het begin van de alinea staat en niet in het midden.

  1. Klik op de knop 'Code bewerken' in de editor voor tekst met opmaak.
  2. Zoek de afbeeldingscode en verplaats de hele <img>-tag naar het begin van de alinea, buiten de <p>-alineatags.
  3. Verwijder alle <span>-tags in de daaropvolgende alinea's onder de afbeelding.
  4. Klik op Opslaan.

Voorbeeld van verkeerd uitgelijnde afbeeldingscode:

<p style="float: left;"><br/><img alt="" src="your image link" style="float: left; margin-right: 20px;">This 22x34 special purchase frame...</p>

Gecorrigeerde code:

<img alt="" src="your image link" style="margin-right: 20px; float: left;">
<p>This 22x34 special purchase frame...</p>
Problemen met niet-werkende mailto-links oplossen

Als mailto:-links niet werken (doordat ze een lege pagina laden of geen e-mail openen), controleer dan of de link de volgende structuur heeft:

mailto:email@example.com

Als de link de bovenstaande indeling volgt en nog steeds niet naar behoren werkt, ligt het mogelijk aan de instellingen van je browser of e-mailclient. Controleer de instellingen van je browser en e-mailclient om er zeker van te zijn dat ze correct zijn geconfigureerd voor de verwerking van mailto:-links.

Problemen oplossen met pagina-afbeeldingen die na het wijzigen van het formaat terugkeren naar de oorspronkelijke grootte

Wanneer afbeeldingen op een pagina worden ingevoegd, bevat de gegenereerde HTML zowel een src-parameter als een data-mce-src-parameter. Als deze twee niet overeenkomen, wordt de src uiteindelijk bijgewerkt zodat deze overeenkomt met de data-mce-src.

Wanneer je echter het formaat van een afbeelding wijzigt met de editor voor tekst met opmaak, wordt alleen de src bijgewerkt en blijft de data-mce-src de URL van het oorspronkelijke formaat. Na een paar keer klikken wordt de src teruggezet naar de data-mce-src-URL.

Om dit te voorkomen, werk je de data-mce-src-URL handmatig bij zodat deze overeenkomt met de gewenste afbeeldingsgrootte:

  1. Klik op de knop 'Code bewerken' in de editor voor tekst met opmaak.
  2. Zoek de afbeeldingstag waarvan je het formaat hebt gewijzigd.
  3. Zoek zowel de src- als de data-mce-src-parameters.
  4. Werk de data-mce-src-URL bij zodat deze overeenkomt met de src-URL.
  5. Klik op Opslaan.
Problemen met automatische HTML-wijzigingen (opschoning) oplossen

Het kan je opvallen dat wanneer je wijzigingen aanbrengt in de editor voor tekst met opmaak, de bijbehorende HTML automatisch wordt gewijzigd.

Waarom gebeurt dit?

De editor voor tekst met opmaak van Shopify is geïntegreerd met TinyMCE, een contentdeliverynetwerk (CDN) van een externe partij. Dit CDN biedt een uitgebreide en betrouwbare set contentfilterlogica die automatisch de opmaak corrigeert van HTML-regels die storingen in een webshop zouden kunnen veroorzaken of deze aan beveiligingsrisico's kunnen blootstellen. Dit proces wordt HTML-opschoning genoemd.

Wat moet ik doen?

Hoewel je de contentfilterlogica kunt omzeilen door je HTML handmatig terug te bewerken naar de oorspronkelijke staat, wordt het aanbevolen je aan de geautomatiseerde wijzigingen te houden. Deze automatische correcties zijn normaal en hebben als belangrijk doel het voorkomen van wijzigingen in je webshop die tot problemen kunnen leiden.

Als je specifieke doelen probeert te bereiken door HTML te schrijven die het CDN probeert te corrigeren, overweeg dan of er betere manieren zijn om die doelen te bereiken, zoals het aanbrengen van wijzigingen in je themacode die de verwachte HTML-opmaak ondersteunen.

Problemen oplossen met links die klanten buiten hun geselecteerde markt leiden

Als je Shopify Markets met submappen en de Geolocation-app gebruikt, kunnen links in productbeschrijvingen, blogposts, pagina's en collectiebeschrijvingen klanten omleiden naar je primaire domein in plaats van ze in hun geselecteerde regio te houden.

Waarom gebeurt dit?

De editor voor tekst met opmaak ondersteunt zowel directe links (volledige URL's) als interne links (korte URL's). Als je een directe link gebruikt met de volledige URL (bijvoorbeeld https://jouwwinkel.com/collections/summer), worden klanten naar die specifieke URL geleid en wordt hun geselecteerde markt genegeerd.

Hoe je dit oplost

Gebruik interne links die met een / beginnen in plaats van volledige URL's om ervoor te zorgen dat je links regiospecifiek zijn en klanten in hun geselecteerde markt blijven.

  • Directe link (niet regiospecifiek): https://jouwwinkel.com/collections/summer
  • Interne link (regiospecifiek): /collections/summer

Bestaande links bijwerken:

  1. Ga in je Shopify-beheercentrum naar het product, de collectie, de pagina of de blogpost waar je links wilt bijwerken.
  2. Klik in de editor voor tekst met opmaak op de knop Code bewerken om de HTML te bekijken.
  3. Zoek alle links die beginnen met https:// en het domein van je winkel bevatten.
  4. Vervang de volledige URL door de korte URL-indeling. Wijzig bijvoorbeeld https://jouwwinkel.com/pages/about in /pages/about.
  5. Klik op Opslaan.

Als je veel producten, collecties, blogs of pagina's moet bijwerken, kun je ze exporteren naar CSV-bestanden, naar je domein of http zoeken om directe links te identificeren, deze bijwerken naar interne links en vervolgens de bijgewerkte CSV-bestanden weer in je winkel importeren.