Använda RTF-redigeraren för innehåll

Du kan använda Shopifys RTF-redigerare för att formatera och stilsätta innehållet som visas i din webbshop.

Här kan du använda RTF-redigeraren

Du kan använda RTF-redigeraren för att lägga till eller redigera text på flera ställen i din butik:

• Produktbeskrivningar
• Produktseriebeskrivningar
• Bloggposter
• Sidor
• Butikspolicyer

Om du använder ett kompatibelt tema kan du lägga till RTF-avsnitt på dina sidor eller mallar med Temaredigeraren.

Lägg till HTML-innehåll med RTF-redigeraren

Du kan ange HTML-innehåll för dina bloggposter, sidor, produktbeskrivningar och produktseriebeskrivningar med RTF-redigeraren.

Klicka på knappen för att visa HTML-koden för innehållet i RTF-redigeraren.

I HTML-vyn kan du göra många ändringar i innehållet i RTF-redigeraren. Du kan lägga till bilder, videor eller tabeller med hjälp av HTML, och du kan felsöka eller finjustera layouten och innehållsstilen.

Bädda in en mediewidget

Om du vill bädda in en video- eller musikwidget måste du först vara värd för den på en tjänst som Youtube, Vimeo eller SoundCloud. Dessa tjänster genererar en inbäddningskod som du kan kopiera och klistra in i RTF-redigeraren i din Shopify-admin.

Steg:

1. Hitta inbäddningskoden för de media du vill bädda in.
2. Markera hela inbäddningskoden genom att klicka på den och trycka på ctrl + A på en PC eller kommando + A på en Mac.
3. Kopiera inbäddningskoden genom att trycka på ctrl + C på en PC eller kommando + C på en Mac.
4. I din Shopify-admin klickar du på knappen Visa HTML i RTF-redigeraren för det innehåll du redigerar.
5. Klistra in inbäddningskoden genom att trycka på ctrl + V på en PC eller kommando + V på en Mac.
6. Klicka på Spara.

Formatera text med RTF-redigeraren

Med knappen Formatering kan du snabbt skapa stycken, rubriker eller blockcitat. Genom att använda rätt formatering och rubriknivåer blir det enklare för besökare och sökmotorer att läsa innehållet på din webbplats.

Välj ett format för text genom att markera texten och sedan klicka på knappen Formatering.

Formateringsalternativ

• Stycke

  Merparten av textinnehållet på din webbplats är brödtext. Brödtext har vanligtvis en teckenstorlek på 10–12 pt, men vissa teman använder andra teckenstorlekar.

• Rubrik (1–6)

  Rubriker används för att strukturera innehåll. Det finns sex rubriknivåer. Rubrik 1 är den viktigaste nivån och Rubrik 6 är den minst viktiga.

• Blockcitat

  Ett blockcitat används för att visa text som tillskrivs någon annan, till exempel ett citat eller ett utdrag från en bok eller webbplats.

Fet text

Gör texten fet genom att markera den och klicka på knappen Fet.

Kursivera text

Kursivera texten genom att markera den och klicka på knappen Kursiv.

Stryk under text

Stryk under texten genom att markera den och klicka på knappen Understruken.

Skapa en punktlista

Klicka på knappen Punktlista för att skapa en punktlista.

Du kan skriva för att skapa det första listobjektet i punktlistan. Tryck på Retur-tangenten för att skapa nya listobjekt. Tryck två gånger på Retur-tangenten för att slutföra listan.

Skapa en numrerad lista

Klicka på knappen Numrerad lista för att skapa en numrerad lista.

Du kan skriva för att skapa de första numrerade listobjekten. Tryck på Retur-tangenten för att skapa nya listobjekt. Tryck två gånger på Retur-tangenten för att slutföra listan.

Gör indrag i text

Ett indrag i ett stycke ger det en marginal på vänster sida. Klicka på knappen Öka indrag för att göra ett indrag i ett stycke.

Minska textindrag

Att minska indraget i ett stycke tar bort eventuella indragsmarginaler. Klicka på knappen Minska indrag för att minska indraget i ett stycke.

Justera text

Markera texten, klicka på knappen Justering och välj Vänsterjustera, Centrera eller Högerjustera för att justera text.

Ändra textfärg

1. Markera texten och klicka på knappen Färg.
2. Klicka på en färg eller ange en hexkod för att ändra färgen på den markerade texten.

Ändra textens bakgrundsfärg

1. Markera texten och klicka på knappen Färg.
2. Klicka på fliken Bakgrund.
3. Klicka på en färg eller ange en hexkod för att ändra den markerade textens bakgrundsfärg.

Rensa formatering i RTF-redigeraren

Markera innehållet och klicka sedan på knappen Rensa formatering för att ta bort formatering från text eller bilder.

Infoga tabeller med RTF-redigeraren

Du kan infoga tabeller i dina bloggposter, på sidor, i produktbeskrivningar och produktseriebeskrivningar med RTF-redigeraren. Du kan placera text, bilder eller till och med videor i en tabell efter att du har skapat den.

Steg:

1. Klicka på knappen Infoga tabell i RTF-redigeraren.
2. Klicka på Infoga tabell för att infoga en tabell. Detta skapar en tabell med en rad och en kolumn.

När du har skapat en tabell klickar du på knappen Infoga tabell igen för att ändra tabellens rader och kolumner:

• Infoga rad ovanför: Placera markören i en rad och klicka på den här knappen för att infoga en ny rad ovanför.
• Infoga rad nedanför: Placera markören i en rad och klicka på den här knappen för att infoga en ny rad nedanför.
• Infoga kolumn före: Placera markören i en kolumn och klicka på den här knappen för att infoga en ny kolumn före den kolumnen.
• Infoga kolumn efter: Placera markören i en kolumn och klicka på den här knappen för att infoga en ny kolumn efter den kolumnen.
• Radera rad: Placera markören i en rad som du vill radera och klicka sedan på den här knappen.
• Radera kolumn: Placera markören i en kolumn som du vill radera och klicka sedan på den här knappen.
• Radera tabell: Placera markören var som helst i tabellen och klicka sedan på den här knappen för att radera hela tabellen.

Infoga länkar med RTF-redigeraren

Du kan infoga länkar (hyperlänkar) i bloggposter, på sidor, i produktbeskrivningar och produktseriebeskrivningar med RTF-redigeraren. Du kan lägga till länkar som dirigerar kunder till sidor i din Shopify-webbshop och till andra webbplatser. Du kan även lägga till länkar som öppnar e-postmeddelanden eller ringer telefonsamtal för att hjälpa kunder att kontakta dig.

Steg:

1. Markera den text eller bild som du vill omvandla till en länk.
2. Klicka på Infoga länk.
3. Ange målets URL för länken i Länka till fältet:
   • Ange https:// följt av webbadressen, till exempel https://www.example.com, för att länka till en extern webbplats som ligger utanför din Shopify-butik.
   • Ange den korta URL-adressen, till exempel /collections/summer-collection, för att länka till en sida i din Shopify-webbshop.
   • Ange mailto: följt av e-postadressen, till exempel mailto:example@example.com, för att skapa en länk som öppnar ett e-postmeddelande.
   • Ange tel: följt av telefonnumret, till exempel tel:+0-123-456-7890, för att skapa en länk som ringer ett telefonsamtal.
4. Ange en kort beskrivning av länken i rutan Länktitel.
5. Välj hur länken ska öppnas med Öppna den här länken i menyn:
   • samma fönster: Länken öppnas i användarens befintliga webbläsarflik eller fönster.
   • ett nytt fönster: Länken öppnas i en ny webbläsarflik eller ett nytt fönster.
6. Klicka på Infoga länk för att omvandla din markerade text till en länk.

Lägg till interna och externa länkar med RTF-redigeraren

Länkar till sidor i din Shopify-butik kallas interna länkar. Du kan använda korta URL-adresser för att skapa interna länkar. Till exempel pekar URL-adressen /collections till din butiks produktseriesida.

Om du vill länka till en specifik sida i din webbshop, till exempel en produktserie- eller produktsida, använder du URL-formatet /sidtyp/sidanvändarnamn. Om du till exempel vill länka till en produktserie som du har skapat med namnet Sommarkollektion använder du URL-adressen /collections/summer-collection.

Länkar till webbplatser som ligger utanför din Shopify-butik kallas externa länkar. Externa länkar måste anges i sin helhet och börja med http://.

Länka till en fil i sidinnehåll

När du har laddat upp en fil kan du länka den till innehåll i RTF-redigeraren för att göra den tillgänglig för nedladdning från en produkt- eller produktseriebeskrivning, webbsida eller bloggpost.

Steg:

Infoga bilder med RTF-redigeraren

Det finns tre sätt att infoga en bild med RTF-redigeraren. Du kan:

• ladda upp bilder
• välja bland dina produktbilder
• använda en offentlig bild-URL.

Ladda upp bilder

Steg:

1. Klicka på knappen Infoga bild i RTF-redigeraren.

2. Klicka på fliken Uppladdade bilder i dialogrutan Infoga bild.

3. Klicka på Ladda upp fil.

4. Välj en WebP-, HEIC-, SVG-, GIF-, JPEG- eller PNG-bildfil från din dator.

5. Klicka på bilden som du laddade upp för att välja den.

6. Välj bildens visningsstorlek i menyn Storlek. Du kan välja Original för att infoga bilden utan att ändra dess visningsstorlek.

7. Klicka på Infoga bild för att placera bilden i RTF-redigeraren.

Välj bland produktbilder

Steg:

1. Klicka på knappen Infoga bild i RTF-redigeraren.

2. Klicka på fliken Produktbilder i dialogrutan Infoga bild.

3. Klicka på bilden som du vill infoga. Om du inte hittar den produktmedia du vill infoga kan du använda pilknapparna för att bläddra mellan olika sidor.

4. Välj bildens visningsstorlek i menyn Storlek. Du kan välja Original för att infoga bilden utan att ändra dess visningsstorlek.

5. Klicka på Infoga bild för att placera produktbilden i RTF-redigeraren.

Använd en bild-URL

Så här infogar du en bild med en offentlig URL:

1. Klicka på knappen Infoga bild i RTF-redigeraren.
2. Klicka på fliken URL i dialogrutan Infoga bild.
3. Ange den offentligt tillgängliga URL:en för din bildfil.
4. Klicka på Infoga bild för att infoga bilden i RTF-redigeraren i dess ursprungliga storlek.

Flytta och ändra storlek på en bild i RTF-redigeraren

När du har lagt till en bild i en produkt- eller produktseriebeskrivning, på en webbsida eller i en blogg kan du flytta den till en annan plats i innehållet.

Steg:

1. I din Shopify-admin klickar du på den produkt, produktserie, webbsida eller bloggpost som innehåller bilden som du vill flytta eller ändra storlek på.
2. Klicka på bilden i RTF-redigeraren.
3. Gör något av följande:
   • Flytta bilden genom att klicka och dra den till en annan plats i fältet Innehåll.
   • Ändra storlek på bilden genom att klicka och dra i ett av hörnen.
4. Klicka på Spara.

Redigera en bild i RTF-redigeraren

Du kan ändra en bilds storlek, textbrytning och justering i RTF-redigeraren. Du kan även redigera bildens URL eller lägga till eller redigera bildens alternativtext.

Steg:

1. Dubbelklicka på bilden i RTF-redigeraren för att öppna dialogrutan Redigera bild.
2. Använd storleks- och justeringsalternativen för att redigera bilden:
   • Välj ett storleksalternativ för att ändra bildens storlek.
   • Lägg till eller redigera alternativtext för bilden för att förbättra din onlinebutiks SEO och tillgänglighet.
   • Ange det avstånd i pixlar som du vill ha på varje sida.
   • Ändra bildens justering genom att välja en av ikonerna för vänster-, mitten- eller högerjustering.
   • Bocka för Textbrytning runt bild för att lägga till textbrytning.
3. Klicka på Redigera bild för att spara dina ändringar.

Infoga videor med RTF-redigeraren

Du kan infoga eller bädda in videor i bloggposter, på webbsidor, i produktbeskrivningar och i produktseriebeskrivningar med hjälp av RTF-redigeraren.

Om du vill bädda in en video som du har skapat måste du först ladda upp den på en videostreamingtjänst som YouTube eller Vimeo.

YouTube tillåter dig inte att inaktivera relaterade videor, men du kan ange att de relaterade videorna ska komma från samma kanal som den video som just spelats upp.

Steg:

1. Kopiera videons URL genom att trycka på ctrl + C på en PC-dator eller command + C på en Mac.

2. Besök Embed Responsively. Embed Responsively är ett verktyg som ger dig en förbättrad inbäddningskod för din video.

3. På Embed Responsively klickar du för att välja videowebbplatsen där din video finns.
4. Klistra in videons URL som du kopierade i rutan Page URL på Embed Responsively genom att trycka på ctrl + V på en PC eller kommando + V på en Mac.
5. Klicka på Bädda in. Embed Responsively skapar inbäddningskoden åt dig.
6. Om videon är från YouTube och du endast vill visa relaterade videor från samma YouTube-kanal, ska du hitta videons URL i inbäddningskoden. Kopiera och klistra in ?rel=0 i slutet, inom citattecknen.
7. Kopiera all kod i rutan Inbäddningskod.
8. I din Shopify-admin klickar du på knappen Infoga video i RTF-redigeraren.
9. Klistra in inbäddningskoden i rutan i dialogrutan Infoga video.
10. Klicka på Infoga video.
11. Klicka på Spara när du är klar för att spara dina ändringar i den artikel du har redigerat.

Infoga ljudfiler med RTF-redigeraren

Du kan använda RTF-redigeraren för att infoga eller bädda in ljudfiler i bloggposter, på sidor, i produktbeskrivningar och i produktseriebeskrivningar.

Steg:

1. Gå till Innehåll > Filer i din Shopify-admin.

2. Klicka på Ladda upp filer för att ladda upp den ljudfil du vill infoga eller bädda in i din butik.

3. I avsnittet Webbutik öppnar du RTF-redigeraren för den sida eller bloggpost där du vill visa ljudfilen.

4. Kopiera <div id="player"><audio controls="controls"> och klistra sedan in koden i RTF-redigeraren för att bädda in en ljudspelare på din sida.

5. Kopiera följande kod:

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

6. Klistra in den här koden i din RTF-redigerare efter koden för ljudspelaren och ersätt sedan https://cdn.shopify.com/s/files/1/0220/2378/files/example.mp3 med den URL som du skapade för din ljudfil när du laddade upp den till Shopify. Du kan när som helst hitta din ljudfils URL på sidan Filer.
7. Klicka på Spara.
8. Klicka på Visa för att se till att din ljudfil spelas upp korrekt.

Lägg till eller ta bort interna kommentarer i RTF-redigeraren

Du kan använda kommentartaggarna <!-- och --> för intern text som du inte vill publicera i din butik.

Steg:

1. I din RTF-redigerare klickar du på knappen Visa HTML.
2. Om du vill lägga till en intern kommentar ska du omsluta texten du vill dölja med <!-- och -->. Till exempel: <!--yourtext-->.
3. Klicka på Spara.

HTML-taggar som är omslutna av kommentartaggar sparas som intern text. För att dessa HTML-taggar ska fungera korrekt måste du ta bort kommentartaggarna <!-- och --> runt dem.

Så fungerar RTF-redigeraren

RTF-redigeraren är integrerad med TinyMCE, ett tredjeparts innehållsleveransnätverk (CDN). Denna integration har några viktiga följder:

• Innehållsgräns: Det finns en fast gräns på 64 kb för innehåll som matas in i RTF-redigeraren. Detta gäller Sidor, Bloggposter och ytterligare skript.
• HTML-sanering: TinyMCE tillhandahåller en logik för innehållsfiltrering som automatiskt korrigerar HTML-formatering för att förhindra funktionsstörningar i det digitala skyltfönstret och säkerhetsrisker. Även om du manuellt kan redigera HTML-koden till dess ursprungliga form, rekommenderas det att du arbetar med dessa automatiska ändringar för att förhindra eventuella problem.

Felsökning av RTF-redigeraren

Om du har problem med RTF-redigeraren, gå igenom följande felsökningssteg och vanliga problem.

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

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

mailto:email@example.com