Bruke redigeringsprogrammet for rik tekst for innhold

Du kan bruke Shopifys redigeringsprogram for rik tekst til å formatere og style innholdet som vises i nettbutikken.

Hvor du kan bruke redigeringsprogrammet for rik tekst

Du kan bruke redigeringsprogrammet for rik tekst til å legge til eller redigere tekst flere steder i butikken:

• Produktbeskrivelser
• Samlingsbeskrivelser
• Blogginnlegg
• Sider
• Butikkretningslinjer

Hvis du bruker et kompatibelt tema, kan du legge til rik tekst-seksjoner på sidene eller i malene med temaredigeringsprogrammet.

Legge til HTML-innhold med redigeringsprogrammet for rik tekst

Du kan skrive inn HTML-innhold for blogginnlegg, sider, produktbeskrivelser og samlingsbeskrivelser med redigeringsprogrammet for rik tekst.

Klikk på -knappen for å se HTML-koden for innholdet i redigeringsprogrammet for rik tekst.

I HTML-visningen kan du gjøre mange endringer i innholdet i redigeringsprogrammet for rik tekst. Du kan legge til bilder, videoer eller tabeller med HTML, og du kan feilsøke eller finjustere layouten og innholdsstilen.

Bygge inn en mediewidget

Hvis du vil bygge inn en video- eller musikkwidget, må du først laste den opp til en tjeneste som Youtube, Vimeo eller SoundCloud. Disse tjenestene genererer en innbyggingskode, som du kan kopiere og lime inn i redigeringsprogrammet for rik tekst i Shopify-administratoren.

Trinn:

1. Finn innbyggingskoden for mediene du vil bygge inn.
2. Velg hele innbyggingskoden ved å klikke på den og trykke på ctrl + A på en PC eller command + A på en Mac.
3. Kopier innbyggingskoden ved å trykke på ctrl + C på en PC eller command + C på en Mac.
4. I Shopify-administratoren klikker du på Vis HTML-knappen i redigeringsprogrammet for rik tekst for innholdet du redigerer.
5. Lim inn innbyggingskoden ved å trykke på ctrl + V på en PC eller command + V på en Mac.
6. Klikk på Lagre.

Formatere tekst med redigeringsprogrammet for rik tekst

Med Formatering-knappen kan du raskt opprette avsnitt, overskrifter eller sitatblokker. Ved å bruke riktig formatering og overskriftsnivåer blir det enklere for folk og søkemotorer å lese innholdet på nettstedet.

For å velge et format for teksten merkerer du teksten og klikker på Formatering-knappen.

Formateringsalternativer

• Avsnitt

  Mesteparten av tekstinnholdet på nettstedet er avsnittstekst. Avsnittstekst har vanligvis en skriftstørrelse på 10–12 pt, men enkelte temaer bruker andre skriftstørrelser.

• Overskrift (1-6)

  Overskrifter brukes til å strukturere innhold. Det finnes 6 overskriftsnivåer. Overskrift 1 er det viktigste nivået og Overskrift 6 er det minst viktige.

• Sitatblokk

  En sitatblokk brukes til å vise tekst som er tilskrevet noen andre, som for eksempel et sitat eller et utdrag fra en bok eller et nettsted.

Fet tekst

For å gjøre tekst fet, merkerer du teksten og klikker på Fet-knappen.

Kursivere tekst

For å gjøre teksten kursiv, merkerer du teksten og klikker på Kursiv-knappen.

Understreke tekst

For å understreke tekst, merkerer du teksten og klikker på Understrek-knappen.

Opprette en punktliste

Klikk på knappen Punktliste for å opprette en punktliste.

Du kan skrive for å opprette det første elementet i punktlisten. Trykk på enter- eller return-tasten for å opprette nye listeelementer. Trykk to ganger på enter- eller return-tasten for å fullføre listen.

Opprett en nummerert liste

Klikk på knappen Nummerert liste for å opprette en nummerert liste.

Du kan skrive for å opprette de første nummererte listeelementene. Trykk på enter- eller return-tasten for å opprette nye listeelementer. Trykk to ganger på enter- eller return-tasten for å fullføre listen.

Rykk inn tekst

Når du rykker inn et avsnitt, får det en marg på venstre side. Klikk på knappen Rykk inn for å rykke inn et avsnitt.

Reduser innrykk for tekst

Når du reduserer innrykket for et avsnitt, fjerner du eventuelle innrykkede marger det har. Klikk på knappen Reduser innrykk for å redusere innrykket for et avsnitt.

Juster tekst

For å justere tekst, merk teksten, klikk på Justeringsknappen, og velg Venstrejuster, Midtstill eller Høyrejuster.

Endre tekstfarge

1. Merk teksten og klikk på Farge-knappen.
2. Klikk på en farge eller angi en hex-kode for å endre den merkede teksten til den fargen.

Endre tekstens bakgrunnsfarge

1. Merk teksten og klikk på Farge-knappen.
2. Klikk på Bakgrunn-fanen.
3. Klikk på en farge eller angi en hex-kode for å endre bakgrunnen til den merkede teksten til den fargen.

Fjern formatering i redigeringsprogrammet for rik tekst

Merk stoffet og klikk på knappen Fjern formatering for å fjerne formatering fra tekst eller bilder.

Sett inn tabeller med redigeringsprogrammet for rik tekst

Du kan sette inn tabeller i blogginnlegg, på sider, i produktbeskrivelser og i samlingsbeskrivelser med redigeringsprogrammet for rik tekst. Du kan plassere tekst, bilder eller til og med videoer i en tabell etter at du har opprettet den.

Trinn:

1. Klikk på knappen Sett inn tabell i redigeringsprogrammet for rik tekst.
2. Klikk på Sett inn tabell for å sette inn en tabell. Dette oppretter en tabell med én rad og én kolonne.

Når du har opprettet en tabell, klikker du på knappen Sett inn tabell på nytt for å endre tabellens rader og kolonner:

• Sett inn rad over: Plasser markøren i en rad og klikk på denne knappen for å sette inn en ny rad over.
• Sett inn rad under: Plasser markøren i en rad og klikk på denne knappen for å sette inn en ny rad under.
• Sett inn kolonne før: Plasser markøren i en kolonne og klikk på denne knappen for å sette inn en ny kolonne før denne kolonnen.
• Sett inn kolonne etter: Plasser markøren i en kolonne og klikk på denne knappen for å sette inn en ny kolonne etter denne kolonnen.
• Slett rad: Plasser markøren i en rad du vil slette, og klikk deretter på denne knappen.
• Slett kolonne: Plasser markøren i en kolonne du vil slette, og klikk deretter på denne knappen.
• Slett tabell: Plasser markøren hvor som helst i tabellen, og klikk deretter på denne knappen for å slette hele tabellen.

Sett inn koblinger med redigeringsprogrammet for rik tekst

Du kan sette inn koblinger (hyperkoblinger) i blogginnlegg, på sider, i produktbeskrivelser og i samlingsbeskrivelser med redigeringsprogrammet for rik tekst. Du kan legge til koblinger som dirigerer kunder til sider i Shopify-nettbutikken din og til andre nettsteder. Du kan også legge til koblinger som åpner e-postmeldinger eller ringer, for å hjelpe kunder med å kontakte deg.

Trinn:

1. Merk teksten eller bildet du vil gjøre om til en kobling.
2. Klikk på Sett inn kobling.
3. Angi destinasjons-URL-adressen for koblingen i Koble til feltet:
   • For å koble til et eksternt nettsted som er utenfor Shopify-butikken din, skriver du inn https:// etterfulgt av nettadressen, for eksempel https://www.eksempel.com.
   • For å koble til en side i Shopify-nettbutikken din, skriver du inn den korte URL-adressen, for eksempel /collections/summer-collection.
   • For å opprette en kobling som åpner en e-postmelding, skriver du inn mailto: etterfulgt av e-postadressen, for eksempel mailto:eksempel@eksempel.com.
   • For å opprette en kobling som ringer, skriver du inn tel: etterfulgt av telefonnummeret, for eksempel tel:+0-123-456-7890.
4. Angi en kort beskrivelse av koblingen i Koblingstittel-boksen.
5. Velg hvordan koblingen skal åpnes med Åpne denne koblingen i menyen:
   • samme vindu: Koblingen åpnes i brukerens eksisterende nettleserfane eller -vindu.
   • et nytt vindu: Koblingen åpnes i en ny nettleserfane eller et nytt nettleservindu.
6. Klikk på Sett inn kobling for å gjøre den merkede teksten om til en kobling.

Legg til interne og eksterne koblinger med redigeringsprogrammet for rik tekst

Koblinger til sider i Shopify-butikken din kalles interne koblinger. Du kan bruke korte URL-adresser til å opprette interne koblinger. For eksempel vil URL-adressen /collections peke til butikkens samlingsside.

For å koble til en bestemt side i nettbutikken, for eksempel en samlings- eller produktside, bruker du URL-formatet /sidetype/sidereferanse. For å koble til en samling du har opprettet, som heter Sommerkolleksjon, bruker du for eksempel URL-adressen /collections/summer-collection.

Koblinger til nettsteder utenfor Shopify-butikken din kalles eksterne koblinger. Eksterne koblinger må angis i sin helhet og begynne med http://.

Koble til en fil i sideinnholdet

Etter at du har lastet opp en fil, kan du koble den til stoff i redigeringsprogrammet for rik tekst for å gjøre den tilgjengelig for nedlasting fra en produkt- eller samlingsbeskrivelse, nettside eller et blogginnlegg.

Trinn:

Sett inn bilder med redigeringsprogrammet for rik tekst

Det finnes tre måter å sette inn et bilde på med redigeringsprogrammet for rik tekst. Du kan:

• laste opp bilder
• velge fra produktbildene dine
• bruke en offentlig bilde-URL.

Last opp bilder

Trinn:

1. Klikk på Sett inn bilde-knappen i redigeringsprogrammet for rik tekst.

2. Klikk på Opplastede bilder-fanen i Sett inn bilde-dialogboksen.

3. Klikk på Last opp fil.

4. Velg en WebP-, HEIC-, SVG-, GIF-, JPEG- eller PNG-bildefil fra datamaskinen.

5. Klikk på bildet du lastet opp for å velge det.

6. Velg visningsstørrelsen på bildet fra Størrelse-menyen. Du kan velge Original for å sette inn bildet uten å endre visningsstørrelsen.

7. Klikk på Sett inn bilde for å plassere bildet i redigeringsprogrammet for rik tekst.

Velg fra produktbilder

Trinn:

1. Klikk på Sett inn bilde-knappen i redigeringsprogrammet for rik tekst.

2. Klikk på Produktbilder-fanen i dialogboksen Sett inn bilde.

3. Klikk på bildet du vil sette inn. Hvis du ikke finner produktmediet du vil sette inn, kan du bruke pilknappene for å bla mellom ulike sider.

4. Velg visningsstørrelsen på bildet fra Størrelse-menyen. Du kan velge Original for å sette inn bildet uten å endre visningsstørrelsen.

5. Klikk på Sett inn bilde for å plassere produktbildet i redigeringsprogrammet for rik tekst.

Bruk en bilde-URL

Slik setter du inn et bilde ved hjelp av en offentlig URL-adresse:

1. Klikk på Sett inn bilde-knappen i redigeringsprogrammet for rik tekst.
2. I dialogboksen Sett inn bilde klikker du på fanen URL.
3. Angi den offentlig tilgjengelige URL-adressen til bildefilen.
4. Klikk på Sett inn bilde for å sette inn bildet i redigeringsprogrammet for rik tekst i originalstørrelsen.

Flytt og endre størrelse på et bilde i redigeringsprogrammet for rik tekst

Når du har lagt til et bilde i en produkt- eller samlingsbeskrivelse, en nettside eller en blogg, kan du flytte det til en annen plassering i innholdet.

Trinn:

1. I Shopify-administrator klikker du på produktet, samlingen, nettsiden eller blogginnlegget som inneholder bildet du vil flytte eller endre størrelsen på.
2. Klikk på bildet i redigeringsprogrammet for rik tekst.
3. Gjør ett av følgende:
   • For å flytte bildet, klikk og dra det til en annen plassering i Innhold-feltet.
   • For å endre størrelsen på bildet, klikk og dra i et av hjørnene.
4. Klikk på Lagre.

Rediger et bilde i redigeringsprogrammet for rik tekst

Du kan endre størrelsen, tekstbrytingen og justeringen til et bilde i redigeringsprogrammet for rik tekst. Du kan også redigere bildets URL-adresse, eller legge til eller redigere alternativ bildetekst.

Trinn:

1. Dobbeltklikk på bildet i redigeringsprogrammet for rik tekst for å åpne dialogboksen Rediger bilde.
2. Bruk størrelses- og justeringsalternativene til å redigere bildet:
   • For å endre størrelsen på bildet, velg et størrelsesalternativ.
   • Legg til eller rediger alternativ bildetekst for å forbedre butikkens SEO og tilgjengelighet.
   • For å legge til avstand, angir du antall piksler med avstand du vil ha på hver side.
   • For å endre justeringen av bildet, velg blant ikonene for venstre-, midt- eller høyrejustering.
   • For å legge til tekstbryting, kryss av for Bryt tekst rundt bildet.
3. Klikk på Rediger bilde for å lagre endringene.

Sett inn videoer med redigeringsprogrammet for rik tekst

Du kan sette inn eller bygge inn videoer i blogginnlegg, sider, produktbeskrivelser og samlingsbeskrivelser ved hjelp av redigeringsprogrammet for rik tekst.

Hvis du vil bygge inn en video du har laget, må du først laste den opp til en videostrømmetjeneste som YouTube eller Vimeo.

YouTube lar deg ikke deaktivere relaterte videoer, men du kan angi at de relaterte videoene skal være fra samme kanal som videoen som nettopp ble spilt av.

Trinn:

1. Kopier videoens URL-adresse ved å trykke på ctrl + C på en PC eller command + C på en Mac.

2. Gå til Embed Responsively. Embed Responsively er et verktøy som gir deg en forbedret innbyggingskode for videoen din.

3. På Embed Responsively klikker du for å velge videonettstedet der videoen din befinner seg.
4. Lim inn videoens URL-adresse som du kopierte, i Page URL-boksen på Embed Responsively ved å trykke på ctrl + V på en PC eller command + V på en Mac.
5. Klikk på Embed. Embed Responsively vil opprette innbyggingskoden for deg.
6. Hvis videoen er fra YouTube og du bare vil vise relaterte videoer fra samme YouTube-kanal, må du finne videoens URL-adresse i innbyggingskoden. Kopier og lim inn ?rel=0 på slutten, innenfor anførselstegnene.
7. Kopier all koden i Embed code-boksen.
8. I Shopify-administratorpanelet klikker du på Sett inn video-knappen i redigeringsprogrammet for rik tekst.
9. Lim inn innbyggingskoden i boksen i Sett inn video-dialogboksen.
10. Klikk på Sett inn video.
11. Klikk på Lagre når du er ferdig for å lagre endringene i elementet du redigerte.

Sett inn lydfiler med redigeringsprogrammet for rik tekst

Du kan bruke redigeringsprogrammet for rik tekst til å sette inn eller bygge inn lydfiler i blogginnlegg, sider, produktbeskrivelser og samlingsbeskrivelser.

Trinn:

1. Fra Shopify-administrator går du til Innhold > Filer.

2. Klikk på Last opp filer for å laste opp lydfilen du vil sette inn eller bygge inn i butikken.

3. Fra Nettbutikk-seksjonen åpner du redigeringsprogrammet for rik tekst for siden eller blogginnlegget der du vil vise lydfilen.

4. Kopier <div id="player"><audio controls="controls">, og lim deretter inn koden i redigeringsprogrammet for rik tekst for å bygge inn en lydavspiller på siden.

5. Kopier følgende kode:

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

6. Lim inn denne koden i redigeringsprogrammet for rik tekst etter koden for lydavspilleren, og erstatt deretter https://cdn.shopify.com/s/files/1/0220/2378/files/example.mp3 med URL-adressen du opprettet for lydfilen da du lastet den opp til Shopify. Du finner lydfilens URL-adresse når som helst på Filer-siden.
7. Klikk på Lagre.
8. Klikk på Vis for å kontrollere at lydfilen spilles av riktig.

Legg til eller fjern interne kommentarer i redigeringsprogrammet for rik tekst

Du kan bruke kommentartaggene <!-- og --> for intern tekst du ikke vil publisere i butikken.

Trinn:

1. Klikk på Vis HTML-knappen i redigeringsprogrammet for rik tekst.
2. For å legge til en intern kommentar, pakker du inn teksten du vil holde skjult i <!-- og -->. For eksempel: <!--dintekst-->.
3. Klikk på Lagre.

HTML-tagger som er plassert mellom kommentartaggene, lagres som intern tekst. For at disse HTML-taggene skal fungere som de skal, må du fjerne kommentartaggene <!-- og --> rundt dem.

Om redigeringsprogrammet for rik tekst

Redigeringsprogrammet for rik tekst er integrert med TinyMCE, et tredjeparts innholdsleveringsnettverk (CDN). Denne integreringen har noen viktige konsekvenser:

• Innholdsgrense: Det er en hard grense på 64 KB for innhold som legges inn i redigeringsprogrammet for rik tekst. Dette gjelder for Sider, blogginnlegg og tilleggsskript.
• HTML-rensing: TinyMCE har logikk for innholdsfiltrering som automatisk korrigerer HTML-formatering for å forhindre funksjonsfeil i utstillingsvinduet og sikkerhetsrisikoer. Selv om du manuelt kan redigere HTML tilbake til den opprinnelige formen, anbefales det at du jobber med disse automatiserte endringene for å forhindre potensielle problemer.

Feilsøking av redigeringsprogrammet for rik tekst

Hvis du opplever problemer med redigeringsprogrammet for rik tekst, kan du gå gjennom følgende feilsøkingstrinn og vanlige problemer.

<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