Utilizarea editorului de text îmbogățit pentru conținut

Puteți utiliza editorul de text îmbogățit de la Shopify pentru a formata și stiliza conținutul afișat în magazinul dumneavoastră online.

Unde se utilizează editorul de text îmbogățit

Puteți utiliza editorul de text îmbogățit pentru a adăuga sau edita text în mai multe locuri din magazinul dumneavoastră:

• Descrieri de produse
• Descrieri de colecții
• Postări pe blog
• Pagini
• Politicile magazinului

Dacă utilizați o temă compatibilă, atunci puteți adăuga secțiuni de text îmbogățit la paginile sau șabloanele dumneavoastră cu Editorul de teme.

Adăugarea de conținut HTML cu editorul de text îmbogățit

Puteți introduce conținut HTML pentru postările de pe blog, pagini, descrieri de produse și descrieri de colecții cu ajutorul editorului de text îmbogățit.

Faceți clic pe butonul pentru a vizualiza codul HTML al conținutului din editorul de text îmbogățit.

În vizualizarea HTML, puteți aduce numeroase modificări conținutului din editorul de text îmbogățit. Puteți adăuga imagini, videoclipuri sau tabele folosind HTML și puteți depana sau ajusta fin aspectul și stilul conținutului.

Încorporarea unui widget media

Dacă doriți să încorporați un widget video sau muzical, trebuie mai întâi să îl găzduiți pe un serviciu precum Youtube, Vimeo sau SoundCloud. Aceste servicii generează un cod încorporat, pe care îl puteți copia și lipi în editorul de text îmbogățit din panoul de administrare Shopify.

Pași:

1. Găsiți codul încorporat pentru conținutul media pe care doriți să îl încorporați.
2. Selectați întregul cod încorporat făcând clic pe acesta și apăsând ctrl + A pe un PC sau command + A pe un Mac.
3. Copiați codul încorporat apăsând ctrl + C pe un PC sau command + C pe un Mac.
4. În panoul de administrare Shopify, faceți clic pe butonul Afișare HTML din editorul de text îmbogățit pentru conținutul pe care îl editați.
5. Lipiți codul încorporat apăsând ctrl + V pe un PC sau command + V pe un Mac.
6. Faceți clic pe Salvare.

Formatarea textului cu editorul de text îmbogățit

Cu ajutorul butonului Formatare, puteți crea rapid paragrafe, titluri sau citate-bloc. Utilizarea formatării și a nivelurilor de titlu corecte ajută persoanele și motoarele de căutare să citească conținutul site-ului dumneavoastră web.

Pentru a alege un format pentru text, evidențiați textul și apoi faceți clic pe butonul Formatare.

Opțiuni de formatare

• Paragraf

  Majoritatea conținutului text al site-ului dumneavoastră web este text de tip paragraf. Textul de tip paragraf are, de obicei, o dimensiune a fontului de 10-12 pt, dar unele teme utilizează dimensiuni de font diferite.

• Titlu (1-6)

  Titlurile sunt utilizate pentru a structura conținutul. Există 6 niveluri de titlu. Titlul 1 este cel mai important nivel, iar Titlul 6 este cel mai puțin important.

• Citat-bloc

  Un citat-bloc este utilizat pentru a afișa textul atribuit altcuiva, cum ar fi un citat sau un extras dintr-o carte sau de pe un site web.

Text aldin

Pentru a scrie textul aldin, evidențiați textul și faceți clic pe butonul Aldin.

Text cursiv

Pentru a scrie textul cursiv, evidențiați-l și faceți clic pe butonul Cursiv.

Text subliniat

Pentru a sublinia textul, evidențiați-l și faceți clic pe butonul Subliniere.

Crearea unei liste cu marcatori

Pentru a crea o listă cu marcatori, dați clic pe butonul Listă cu marcatori.

Puteți tasta pentru a crea primul articol din lista cu marcatori. Pentru a crea articole noi în listă, apăsați tasta enter sau return. Pentru a finaliza lista, apăsați tasta enter sau return de două ori.

Crearea unei liste numerotate

Pentru a crea o listă numerotată, dați clic pe butonul Listă numerotată.

Puteți tasta pentru a crea primele articole din lista numerotată. Pentru a crea articole noi în listă, apăsați tasta enter sau return. Pentru a finaliza lista, apăsați tasta enter sau return de două ori.

Indentare text

Indentarea unui paragraf îi adaugă o margine în partea stângă. Pentru a indenta un paragraf, dați clic pe butonul Indentare.

Anulare indentare text

Anularea indentării unui paragraf elimină orice margine indentată pe care o are. Pentru a anula indentarea sau a „outdenta” un paragraf, dați clic pe butonul Anulare indentare.

Aliniere text

Pentru a alinia textul, selectați-l, dați clic pe butonul Aliniere și alegeți Aliniere la stânga, Aliniere la centru sau Aliniere la dreapta.

Modificarea culorii textului

1. Evidențiați textul și dați clic pe butonul Culoare.
2. Dați clic pe o culoare sau introduceți un cod hex pentru a schimba culoarea textului evidențiat în acea culoare.

Modificarea culorii de fundal a textului

1. Evidențiați textul și dați clic pe butonul Culoare.
2. Dați clic pe fila Fundal.
3. Dați clic pe o culoare sau introduceți un cod hex pentru a schimba fundalul textului evidențiat în acea culoare.

Ștergerea formatării în editorul de text îmbogățit

Pentru a elimina formatarea din text sau imagini, evidențiați conținutul, apoi dați clic pe butonul Ștergere formatare.

Inserarea tabelelor cu editorul de text îmbogățit

Puteți insera tabele în postările de pe blog, pagini, descrierile de produs și descrierile de colecții cu editorul de text îmbogățit. Puteți plasa text, imagini sau chiar videoclipuri într-un tabel după ce l-ați creat.

Pași:

1. În editorul de text îmbogățit, dați clic pe butonul Inserare tabel.
2. Dați clic pe Inserare tabel pentru a insera un tabel. Aceasta creează un tabel cu un rând și o coloană.

După ce ați creat un tabel, dați clic din nou pe butonul Inserare tabel pentru a modifica rândurile și coloanele tabelului:

• Inserare rând deasupra: plasați cursorul într-un rând și dați clic pe acest buton pentru a insera un rând nou deasupra.
• Inserare rând dedesubt: plasați cursorul într-un rând și dați clic pe acest buton pentru a insera un rând nou dedesubt.
• Inserare coloană înainte: plasați cursorul într-o coloană și dați clic pe acest buton pentru a insera o coloană nouă înaintea acesteia.
• Inserare coloană după: plasați cursorul într-o coloană și dați clic pe acest buton pentru a insera o coloană nouă după aceasta.
• Ștergere rând: plasați cursorul în rândul pe care doriți să îl ștergeți și apoi dați clic pe acest buton.
• Ștergere coloană: plasați cursorul în coloana pe care doriți să o ștergeți și apoi dați clic pe acest buton.
• Ștergere tabel: plasați cursorul oriunde în tabel, apoi dați clic pe acest buton pentru a șterge întregul tabel.

Inserarea linkurilor cu editorul de text îmbogățit

Puteți insera linkuri (hyperlinkuri) în postările de pe blog, pagini, descrieri de produse și descrieri de colecții cu editorul de text îmbogățit. Puteți adăuga linkuri care direcționează clienții către pagini din magazinul dvs. online Shopify și către alte site-uri web. De asemenea, puteți adăuga linkuri care deschid mesaje de e-mail sau inițiază apeluri telefonice, pentru a ajuta clienții să vă contacteze.

Pași:

1. Evidențiați textul sau imaginea pe care doriți să o transformați într-un link.
2. Dați clic pe Inserare link.
3. Introduceți URL-ul de destinație pentru link în Link către câmpul:
   • Pentru a crea un link către un site web extern care se află în afara magazinului dvs. Shopify, introduceți https:// urmat de adresa web, de exemplu https://www.example.com.
   • Pentru a crea un link către o pagină din magazinul dvs. online Shopify, introduceți URL-ul scurt, de exemplu /collections/summer-collection.
   • Pentru a crea un link care deschide un mesaj de e-mail, introduceți mailto: urmat de adresa de e-mail, de exemplu mailto:example@example.com.
   • Pentru a crea un link care inițiază un apel telefonic, introduceți tel: urmat de numărul de telefon, de exemplu tel:+0-123-456-7890.
4. Introduceți o descriere scurtă a linkului în caseta Titlu link.
5. Alegeți cum se va deschide linkul din Deschidere acest link în meniul:
   • aceeași fereastră: linkul se va deschide în fila sau fereastra de browser existentă a utilizatorului.
   • o fereastră nouă: linkul se va deschide într-o filă sau fereastră nouă de browser.
6. Dați clic pe Inserare link pentru a converti textul evidențiat într-un link.

Adăugarea de linkuri interne și externe cu editorul de text îmbogățit

Linkurile către paginile din magazinul dvs. Shopify se numesc linkuri interne. Puteți utiliza URL-uri scurte pentru a crea linkuri interne. De exemplu, URL-ul /collections va indica pagina de colecții a magazinului dvs.

Pentru a crea un link către o pagină anume din magazinul dvs. online, cum ar fi o pagină de colecție sau de produs, utilizați formatul de URL /tip-pagină/page-handle. De exemplu, pentru a crea un link către o colecție pe care ați creat-o, numită Summer Collection, utilizați URL-ul /collections/summer-collection.

Linkurile către site-uri web care se află în afara magazinului dvs. Shopify se numesc linkuri externe. Linkurile externe trebuie introduse în întregime și trebuie să înceapă cu http://.

Crearea unui link către un fișier în conținutul paginii

După ce încărcați un fișier, îl puteți asocia prin link la conținutul din editorul de text îmbogățit pentru a-l face disponibil pentru descărcare dintr-o descriere de produs sau de colecție, dintr-o pagină web sau dintr-o postare pe blog.

Pași:

Inserarea imaginilor cu editorul de text îmbogățit

Există trei moduri de a insera o imagine folosind editorul de text îmbogățit. Puteți:

• să încărcați imagini
• să alegeți dintre imaginile de produs
• să utilizați un URL public pentru imagine.

Încărcarea imaginilor

Pași:

1. În editorul de text îmbogățit, dați clic pe butonul Inserare imagine.

2. În caseta de dialog Inserare imagine, dați clic pe fila Imagini încărcate.

3. Dați clic pe Încărcare fișier.

4. Alegeți un fișier imagine WebP, HEIC, SVG, GIF, JPEG sau PNG de pe computerul dumneavoastră.

5. Dați clic pe imaginea pe care ați încărcat-o pentru a o selecta.

6. Din meniul Dimensiune, selectați dimensiunea de afișare a imaginii. Puteți selecta Original pentru a insera imaginea fără a-i modifica dimensiunea de afișare.

7. Dați clic pe Inserare imagine pentru a plasa imaginea în editorul de text îmbogățit.

Alegerea dintre imaginile de produs

Pași:

1. În editorul de text îmbogățit, dați clic pe butonul Inserare imagine.

2. În caseta de dialog Inserare imagine, dați clic pe fila Imagini de produs.

3. Dați clic pe imaginea pe care doriți să o inserați. Dacă nu găsiți fișierul media de produs pe care doriți să îl inserați, atunci puteți utiliza butoanele săgeată pentru a naviga pe diferite pagini.

4. Din meniul Dimensiune, selectați dimensiunea de afișare a imaginii. Puteți selecta Original pentru a insera imaginea fără a-i modifica dimensiunea de afișare.

5. Dați clic pe Inserare imagine pentru a plasa imaginea de produs în editorul de text îmbogățit.

Utilizarea unui URL de imagine

Pentru a insera o imagine folosind un URL public:

1. În editorul de text îmbogățit, dați clic pe butonul Inserare imagine.
2. În caseta de dialog Inserare imagine, dați clic pe fila URL.
3. Introduceți URL-ul accesibil public al fișierului dumneavoastră imagine.
4. Dați clic pe Inserare imagine pentru a insera imaginea în editorul de text îmbogățit, la dimensiunea sa originală.

Mutarea și redimensionarea unei imagini în editorul de text îmbogățit

După ce adăugați o imagine într-o descriere de produs sau de colecție, pe o pagină web sau într-un blog, o puteți muta în altă locație din conținut.

Pași:

1. În panoul de administrare Shopify, dați clic pe produsul, colecția, pagina web sau postarea pe blog care include imaginea pe care doriți să o mutați sau să o redimensionați.
2. În editorul de text îmbogățit, dați clic pe imagine.
3. Efectuați una dintre următoarele acțiuni:
   • Pentru a muta imaginea, dați clic și trageți-o într-o altă locație din câmpul Conținut.
   • Pentru a redimensiona imaginea, dați clic și trageți de unul dintre colțuri.
4. Faceți clic pe Salvare.

Editarea unei imagini în editorul de text îmbogățit

Puteți modifica dimensiunea, încadrarea textului și alinierea unei imagini în editorul de text îmbogățit. De asemenea, puteți edita URL-ul imaginii sau puteți adăuga sau edita textul alternativ al imaginii.

Pași:

1. Dați dublu clic pe imagine în editorul de text îmbogățit pentru a deschide caseta de dialog Editare imagine.
2. Utilizați opțiunile de dimensiune și aliniere pentru a edita imaginea:
   • Pentru a modifica dimensiunea imaginii, selectați o opțiune de dimensiune.
   • Pentru a îmbunătăți SEO-ul și accesibilitatea magazinului dumneavoastră online, adăugați sau editați textul alternativ al imaginii.
   • Pentru a adăuga spațiere, introduceți numărul de pixeli de spațiu pe care îl doriți pe fiecare parte.
   • Pentru a modifica alinierea imaginii, selectați dintre pictogramele care reprezintă alinierea la stânga, la centru sau la dreapta.
   • Pentru a adăuga încadrarea textului, bifați Încadrare text în jurul imaginii.
3. Dați clic pe Editare imagine pentru a vă salva modificările.

Inserarea videoclipurilor cu editorul de text îmbogățit

Puteți insera sau încorpora videoclipuri în postări pe blog, pagini, descrieri de produse și descrieri de colecții folosind editorul de text îmbogățit.

Dacă doriți să încorporați un videoclip pe care l-ați creat, atunci trebuie mai întâi să îl încărcați pe un site de streaming video, cum ar fi YouTube sau Vimeo.

YouTube nu vă permite să dezactivați videoclipurile conexe, dar puteți specifica ca videoclipurile conexe să fie de pe același canal cu videoclipul care tocmai s-a redat.

Pași:

1. Copiați URL-ul videoclipului apăsând ctrl + C pe un PC sau command + C pe un Mac.

2. Accesați Embed Responsively. Embed Responsively este un instrument care vă va oferi un cod încorporat îmbunătățit pentru videoclipul dumneavoastră.

3. Pe Embed Responsively, faceți clic pentru a selecta site-ul web video unde se află videoclipul dumneavoastră.
4. Lipiți URL-ul videoclipului pe care l-ați copiat în caseta URL pagină de pe Embed Responsively, apăsând ctrl + V pe un PC sau command + V pe un Mac.
5. Faceți clic pe Embed. Embed Responsively va crea codul încorporat pentru dumneavoastră.
6. Dacă videoclipul este de pe YouTube și doriți să afișați numai videoclipuri conexe de pe același canal YouTube, atunci găsiți URL-ul videoclipului în codul încorporat. Copiați și lipiți ?rel=0 la sfârșit, între ghilimele.
7. Copiați tot codul din interiorul casetei Cod încorporat.
8. În panoul de administrare Shopify, faceți clic pe butonul Inserați un videoclip în editorul de text îmbogățit.
9. Lipiți codul încorporat în caseta din fereastra de dialog Inserați un videoclip.
10. Faceți clic pe Inserați un videoclip.
11. Faceți clic pe Salvare după ce ați terminat pentru a salva modificările aduse articolului pe care îl editați.

Inserați fișiere audio cu editorul de text îmbogățit

Puteți utiliza editorul de text îmbogățit pentru a insera sau a încorpora fișiere audio în postări pe blog, pagini, descrieri de produse și descrieri de colecții.

Pași:

1. Din panoul de administrare Shopify, accesați Conținut > Fișiere.

2. Faceți clic pe Încărcare fișiere pentru a încărca fișierul audio pe care doriți să îl inserați sau să îl încorporați în magazinul dumneavoastră.

3. Din secțiunea Magazin online, deschideți editorul de text îmbogățit pentru pagina sau postarea pe blog în care doriți să prezentați fișierul audio.

4. Copiați <div id="player"><audio controls="controls">, apoi lipiți codul în editorul de text îmbogățit pentru a încorpora un player audio în pagina dvs.

5. Copiați următorul cod:

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

6. Lipiți acest cod în editorul de text îmbogățit după codul pentru playerul audio, apoi înlocuiți `https://cdn.shopify.com/s/files/1/0220/2378/files/example.mp3` cu URL-ul pe care l-ați creat pentru fișierul audio atunci când l-ați încărcat pe Shopify. Puteți găsi oricând URL-ul fișierului dumneavoastră audio în pagina Fișiere.
7. Faceți clic pe Salvare.
8. Faceți clic pe Vizualizare pentru a vă asigura că fișierul audio este redat corect.

Adăugați sau eliminați comentarii interne în editorul de text îmbogățit

Puteți utiliza etichetele de comentariu <!-- și --> pentru textul intern pe care nu doriți să îl publicați în magazinul dvs.

Pași:

1. În editorul de text îmbogățit, faceți clic pe butonul Afișare HTML.
2. Pentru a adăuga un comentariu intern, încadrați textul pe care doriți să îl păstrați ascuns între <!-- și -->. De exemplu: <!--yourtext-->.
3. Faceți clic pe Salvare.

Etichetele HTML care sunt încadrate între etichetele de comentariu sunt salvate ca text intern. Pentru ca acele etichete HTML să funcționeze corect, trebuie să eliminați etichetele de comentariu <!-- și --> din jurul lor.

Înțelegerea editorului de text îmbogățit

Editorul de text îmbogățit este integrat cu TinyMCE, o rețea externă de livrare de conținut (CDN). Această integrare are câteva implicații importante:

• Limită de conținut: există o limită strictă de 64 KB pentru conținutul introdus în editorul de text îmbogățit. Aceasta se aplică pentru Pagini, Postări pe blog și scripturi suplimentare.
• Curățarea HTML: TinyMCE oferă o logică de filtrare a conținutului care corectează automat formatarea HTML pentru a preveni disfuncționalitățile magazinului online și riscurile de securitate. Deși puteți edita manual HTML-ul pentru a reveni la forma sa originală, se recomandă să lucrați cu aceste modificări automate pentru a preveni problemele potențiale.

Depanarea editorului de text îmbogățit

Dacă întâmpinați probleme cu editorul de text îmbogățit, atunci consultați următorii pași de depanare și problemele comune.

<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