De ingebouwde teksteditor gebruiken
U kunt de ingebouwde tekstverwerker gebruiken voor het opstellen van productbeschrijvingen, categoriebeschrijvingen, juridische informatie en betalings- of pick-up instructies. Op die manier kunt u uw klanten beter gestructureerde en visueel aantrekkelijkere informatie geven.
Met de teksteditor kunt u alinea's indelen, video's, afbeeldingen en links toevoegen, kleur, grootte en lettertype van de tekst veranderen, lijsten en tabellen maken en nog veel meer. Deze functies helpen u om het ontwerp van uw Ecwid-winkel te verbeteren en uw producten en diensten op een meer klantvriendelijke manier te beschrijven.
Fullscreen-modus gebruiken
Om meer ruimte te hebben als u aan uw tekst werkt, kunt u de fullscreen-modus gebruiken door te klikken op het Fullscreen-pictogram rechtsboven in de teksteditor.
Klik nogmaals op het pictogram om de modus te sluiten.
Opmaak gebruiken
Door opmaak te gebruiken kunt u uw tekst structureren en belangrijke informatie uitlichten. U kunt citaten gebruiken om productbeoordelingen en getuigenissen te citeren.
In onze teksteditor zijn vijf soorten opmaak beschikbaar:
- Normale tekst (Arial, 14 p)
- Kop 2
- Kop 3
- Kop 4
- Citaat (tekst tussen aanhalingstekens die eruitziet als een citaat).
Om de opmaak van een alinea te wijzigen, plaatst u de cursor in de betreffende alinea, drukt op ¶ ("Opmaak") linksboven in de teksteditor en kiest u de benodigde optie uit de lijst.
Lettertypen kiezen
De teksteditor ondersteunt teksten in vet, cursief, onderstreept en doorgehaald (of doorgestreept).
Alle knoppen voor lettertypen staan in de linkerbovenhoek van de teksteditor:
- De knop B (“Vet”) is om tekst vet te maken
- De knop I (“Cursief”) is om tekst cursief te maken
- De knop U (“Onderstreept”) is om tekst te onderstrepen
- De knop
S(“Verwijderd”) is om tekst door te strepen
Er zijn twee manieren om het lettertype voor uw tekst te wijzigen.
Ten eerste kunt u een stuk tekst selecteren en op de overeenkomstige knop in het teksteditormenu drukken. Het lettertype voor dit specifieke stuk tekst wordt dan gewijzigd.
Ten tweede kunt u op de overeenkomstige knop in het teksteditormenu drukken en beginnen met typen. De tekst die u typt, heeft het lettertype dat u heeft gekozen. Druk nogmaals op de knop om het geselecteerde lettertype niet meer te gebruiken.
Afbeeldingen toevoegen
U kunt afbeeldingen van uw computer uploaden om ze in te voegen in uw tekst. Zorg ervoor dat de afbeeldingen een indeling hebben die door Ecwid wordt ondersteund: JPG, BMP, PNG of GIF. De maximale grootte voor het uploaden van afbeeldingen is 10 MB.
Om een afbeelding in te voegen klikt u op het afbeeldingspictogram in het teksteditormenu en sleept het bestand dat u nodig heeft. U kunt ook klikken op Bestand kiezen, een bestand op uw computer selecteren en klikken op Openen.
Het bestand wordt automatisch geüpload en ingevoegd in het tekstveld. Dubbelklik op de afbeelding om het formaat te wijzigen.
Video's toevoegen
Om uw product te presenteren en klanten te helpen een weloverwogen beslissing te nemen of om behulpzamere instructies te maken, kunt u een video van Youtube/Vimeo toevoegen aan uw tekst.
Een video toevoegen aan uw tekst:
- Klik op het videopictogram in het editormenu.
- Voer een invoegcode of externe link voor de video in.
- Klik op Invoegen.
De video wordt automatisch ingevoegd in het tekstveld.
U kunt ook gewoon het adres van de video of een invoegcode invoeren in het tekstveld.
Links toevoegen
U kunt klikbare links naar de externe websites en/of naar de pagina's of bestanden van uw Ecwid-winkel toevoegen. Deze links worden geopend in hetzelfde tabblad of in een nieuw tabblad (als u die optie kiest).
Een link invoegen in uw tekst:
- Klik in het teksteditormenu op het linkpictogram en vervolgens op Link invoegen.
- Geef de URL op en voer de tekst in.
- (optioneel) Tik op Link openen in nieuw tabblad.
- Klik op Invoegen.
U kunt ook een stuk tekst selecteren en op het linkpictogram in het menu klikken om een link naar deze tekst toe te voegen. Om de link te verwijderen, selecteert u de tekst en klikt op Link opheffen.
Voor het toevoegen van een link aan een afbeelding (bijvoorbeeld om een banner te maken) volgt u onze instructie voor het toevoegen van een klikbare afbeelding.
Tabellen aanmaken
In de teksteditor kunt u tabellen maken. U kunt de tabel later nog wijzigen door rijen en kolommen toe te voegen of te verwijderen of de kop van de tabel toe te voegen/te verwijderen. De tabelcellen kunnen video's, geformatteerde tekst, links, afbeeldingen enz. bevatten.
Een tabel toevoegen aan uw tekst:
- Klik in het teksteditormenu op het tabelpictogram en vervolgens op Tabel invoegen.
- Kies het aantal rijen en kolommen voor uw tabel en klik op Invoegen.
- (optioneel) Voeg een kop en/of extra rijen en kolommen toe via het editormenu.
- Vul de tabel uit zoals u hem wilt hebben.
U kunt de tabel later nog aanpassen. Om de tabel te verwijderen klikt u op het tabelpictogram in het editormenu en vervolgens op Tabel verwijderen. Of u plaatst de cursor rechts van de tabel en drukt op Backspace.
Instellingen voor lettertype aanpassen
Met behulp van de teksteditor kunt u de kleur van het lettertype en de achtergrond instellen. U kunt ook de lettergrootte en het soort lettertype instellen zodat ze aansluiten bij uw winkelontwerp.
- Druk op Tekstkleur om de gewenste kleur van uw letters te kiezen:
- Druk op Achtergrondkleur om de achtergrondkleur voor uw letters te kiezen:
- Druk op Lettergrootte wijzigen om de grootte voor uw letters te kiezen:
Kies Lettergrootte verwijderen aan het einde van de lijst om terug te gaan naar de lettergrootte die standaard wordt gebruikt (dit is 14). - Druk op Lettertype wijzigen om het lettertype voor uw letters te kiezen:
Kies Lettertype verwijderen aan het einde van de lijst om terug te gaan naar het lettertype dat standaard wordt gebruikt (dit is Arial).
Er zijn twee manieren om de instellingen voor lettertypes toe te passen in de teksteditor.
Ten eerste kunt u een stuk tekst selecteren en vervolgens op de overeenkomstige knop in het teksteditormenu drukken. Het lettertype-instelling voor dit specifieke stuk tekst wordt dan gewijzigd.
Ten tweede kunt u op de overeenkomstige knop drukken en beginnen met typen. De tekst die u typt, heeft de lettertype-instelling die u heeft gekozen. Als u deze lettertype-instelling niet meer wilt gebruiken, drukt u nogmaals op de knop om een andere instelling te kiezen.
Als u kleuren wilt gebruiken die niet in het palet staan, moet u uw teksten in HTML-modus bewerken.
Tekstuitlijning toepassen
Er zijn vier soorten tekstuitlijning beschikbaar in de teksteditor:
- Links uitlijnen
- Centreren
- Rechts uitlijnen
- Uitvullen (voor een tekst met een vaste breedte).
Om de uitlijning te wijzigen, plaatst u de cursor op de bijbehorende alinea in de tekst, drukt vervolgens op de knop Uitlijnen en kiest de gewenste optie.
Horizontale regel invoegen
Als u alinea's van uw tekst van elkaar wilt scheiden met een horizontale lijn, kunt u de knop Horizontale lijn invoegen in het teksteditormenu gebruiken.
U kunt ook meerdere horizontale regels achter elkaar toevoegen als u de verdeling duidelijker wilt maken. Om een regel te verwijderen, plaatst u de cursor achter de regel en klikt op Backspace.
Lijsten maken
Met de teksteditor kunt u twee soorten lijsten aanmaken: ongeordende lijsten en geordende lijsten. Bij de eerste optie worden opsommingstekens gebruikt om de punten te markeren en bij de tweede cijfers.
- Druk op Ongeordende lijst in het teksteditormenu om een lijst te maken die wordt gescheiden door opsommingstekens. Druk op Enter om een nieuw punt te maken. Druk twee keer op Enter om de lijst te voltooien.
- Druk op Geordende lijst in het teksteditormenu om een lijst te maken met cijfers voor elk van de punten. Druk op Enter om een nieuw punt te maken. Druk twee keer op Enter om de lijst te voltooien.
Inspringen gebruiken
U kunt inspringen gebruiken om enkele alinea's eruit te laten springen. Met inspringen kunt u de positie van de linkermarge van de alinea verplaatsen.
Als u op de knop Inspringen in het teksteditormenu drukt, gaat de linkermarge van de alinea een stukje naar rechts. U kunt deze handeling zo vaak herhalen als u wilt. Om de wijzigingen ongedaan te maken, drukt u op Backspace (als uw cursor aan het begin van de alinea staat) of op Uitspringen.
Als u op de knop Uitspringen in het teksteditormenu drukt, gaat de linkermarge van de alinea een stukje naar links. Op die manier kunt u de aangebrachte wijzigingen met de knop Inspringen weer opheffen.
Maak samenvouwbare blokken (alleen productbeschrijvingen)
Met samenvouwbare blokken (ook wel "accordeonblokken" genoemd) kunt u productbeschrijvingen opdelen in stukken die uit- of samengevouwen kunnen worden met alleen een muisklik of een tik op een touchscreen. Op die manier zien uw productbeschrijvingen er altijd netjes en overzichtelijk uit en geeft u uw klanten tegelijkertijd uitvoerige informatie over het artikel.
U kunt aan de blokken allerlei soorten opgemaakte tekst toevoegen, in combinatie met afbeeldingen, video's, tabellen, enz.
Een samenvoegbaar blok toevoegen aan een productbeschrijving:
- Klik in het tekstverwerkingsmenu op de knop Samengevoegd tekstblok.
- Voer de titel van het blok in. Bijvoorbeeld “Stof en verzorging”.
- Voer in het deel voor de beschrijving de inhoud in die u wilt verbergen in het klikbare blok.
- (optioneel) Herhaal het proces om meer uitvouwbare blokken aan uw productpagina toe te voegen. U kunt bijvoorbeeld ook een blok "Maat en pasvorm" en een blok "Beschrijving" maken voor het algemene productoverzicht.
Dat is alles! De productinformatie wordt nu weergegeven in de vorm van titels waarop klanten kunnen klikken om de details te bekijken.
Een beschrijving met samenvouwbare blokken op een productpagina kan er als volgt uitzien:
Teksten bewerken in HTML-modus
Voor gevorderde gebruikers die de broncode van de beschrijving willen bewerken, beschikt de teksteditor over een HTML-modus. Klik op <> in de rechterbovenhoek van het editormenu om uw teksten te bewerken met behulp van HTML:
Hieronder vindt u enkele voorbeelden van wat u in de HTML-modus kunt doen.
U kunt klikbare afbeeldingen maken met links die naar externe pagina's of pagina's in uw winkel leiden. Als u bijvoorbeeld uitverkoop in uw winkel heeft, kunt u een klikbare banner toevoegen aan uw winkelvoorpagina die klanten naar de categorie met de uitverkoopproducten leidt.
U wilt bijvoorbeeld een link naar "https://www.ecwid.com/" toevoegen aan een afbeelding.
Een klikbare afbeelding aan uw tekst toevoegen:
- Klik op het afbeeldingspictogram in het teksteditormenu en upload uw afbeelding.
- Ga naar de HTML-modus en zoek de afbeelding:
Het onderdeel dat u nodig heeft is <img src=”...”>. - Voer <a href="https://www.ecwid.com/"> in vlak voor het deel met <img scr=”...”> en zet </a> erachter.
In plaats van https://www.ecwid.com/ moet u bij <a href=""> het webadres dat u nodig heeft invoegen. - Verlaat de HTML-modus om de wijzigingen te controleren.
U kunt andere letterkleuren gebruiken dan de kleuren die standaard in het palet van de teksteditor staan. U heeft dan alleen de RGB-code van de kleur nodig (dit kunt u opzoeken in elke RGB-calculator).
U wilt bijvoorbeeld een stukje tekst maken met "Uitverkoop" in een felrode kleur.
De kleur van de tekst wijzigen:
- Typ uw tekst in het tekstveld.
- Om het proces eenvoudiger te maken, verandert u de kleur van het stuk tekst in een van de beschikbare kleuren uit de teksteditor.
- Ga naar de HTML-modus en zoek dit stuk tekst:
Het onderdeel dat u nodig heeft is “color:rgb (149, 55, 52);”. - Wijzig het deel tussen aanhalingstekens in de RGB-code die overeenkomt met de gewenste tekstkleur. In uw geval - felrood - voert u (255, 0, 0) in plaats van (149, 55, 52) in.
- Verlaat de HTML-modus om de wijzigingen te controleren.