Afbeeldingen toevoegen aan je Shopify-pagina’s vergroot de visuele aantrekkingskracht en helpt je boodschap effectiever over te brengen. Standaard zorgt het invoegen van een afbeelding via Shopify’s ‘afbeelding invoegen’-functie er echter voor dat de tekst onder de afbeelding begint, waardoor er naast de afbeelding een wit vlak ontstaat.
Voor een strakkere en professionelere uitstraling wil je misschien dat de tekst om de afbeelding heen loopt. Deze gids laat je de eenvoudigste manieren zien om tekstomloop op je Shopify-pagina’s toe te passen en legt uit waarom merchants deze oplossing nodig kunnen hebben.
Waarom merchants deze oplossing nodig kunnen hebben
Betere leesbaarheid: Tekst die om afbeeldingen heen loopt maakt de content makkelijker te lezen en te navigeren, en zorgt voor een meer betrokken ervaring voor je klanten.
Professionele lay-out: Een goed georganiseerde pagina waarbij tekst om afbeeldingen heen loopt oogt professioneler, wat kan helpen om vertrouwen en geloofwaardigheid op te bouwen bij je publiek.
Efficiënt ruimtegebruik: Door de ruimte op je pagina efficiënt te benutten voorkom je onnodige witte vlakken, zodat je content er aantrekkelijk uitziet en de beschikbare ruimte optimaal gebruikt.
Meer visuele aantrekkingskracht: Door afbeeldingen naadloos met tekst te integreren kun je belangrijke informatie extra benadrukken, waardoor je pagina aantrekkelijker en informatiever wordt.
Tekst laten doorlopen op een Shopify-pagina
Wanneer je een afbeelding invoegt op een Shopify-pagina, volg je deze stappen om de tekst eromheen te laten lopen:
- Dubbelklik op de afbeelding: Je kunt ook de ingevoegde afbeelding selecteren en op de knop Afbeelding in de werkbalk klikken.
- Venster Afbeelding bewerken: Deze actie opent het venster Afbeelding bewerken, met meerdere opties om de afbeelding aan te passen.
- Tekst om de afbeelding laten lopen: Vink het vakje ‘Tekst om afbeelding laten lopen’ aan om de zin of beschrijving om de afbeelding heen te laten lopen.
Let op: Deze functie werkt goed voor losse zinnen of korte beschrijvingen, maar werkt mogelijk minder effectief bij meerdere alinea’s. De tekstomloop stopt zodra je naar de volgende alinea gaat.
Tekst laten doorlopen bij meerdere alinea’s
Bij meerdere alinea’s stopt de tekstomloop zodra je naar de volgende alinea gaat, waardoor er witruimte ontstaat die afbreuk kan doen aan je content. Om tekst om afbeeldingen heen te laten lopen bij meerdere alinea’s, moet je enkele HTML-aanpassingen doen:
-
Gebruik de regeleinde-code (<br>): Voeg de regeleinde-code
<br>tussen zinnen in om de tekstomloop over alinea’s heen te behouden. - HTML-aanpassingen: Bewerk handmatig de HTML van de specifieke blogpost of pagina waarop je deze wijzigingen wilt toepassen door in de rich text editor op de knop ‘HTML weergeven’ te klikken.
Hoewel deze methode tijdrovend is, blijft het de meest effectieve manier om tekstomloop met meerdere alinea’s in Shopify te garanderen. Als alternatief kun je een Shopify page builder-app overwegen zoals PageFly, GemPages of EComposer. Die bieden geavanceerdere lay-outopties en meer flexibiliteit, zonder dat je HTML-kennis nodig hebt.
Belangrijke aandachtspunten
Mobiele weergave: Houd er rekening mee dat tekstomloop rond afbeeldingen op mobiele apparaten en kleinere schermen minder goed kan worden weergegeven. Bekijk je pagina’s altijd op verschillende apparaten om een goede gebruikerservaring op alle schermformaten te garanderen.
Afbeeldingsgrootte: Kies passende afbeeldingsformaten wanneer je tekst laat doorlopen. Afbeeldingen die te groot zijn kunnen onhandige lay-outs veroorzaken en de leesbaarheid beïnvloeden, vooral op mobiele apparaten.
Conclusie
Tekst om afbeeldingen heen laten lopen op je Shopify-pagina’s kan de leesbaarheid en visuele aantrekkingskracht van je content aanzienlijk verbeteren. Door de optie ‘Tekst om afbeelding laten lopen’ te gebruiken voor losse zinnen en HTML-aanpassingen te doen voor meerdere alinea’s, kun je een strakke en professionele lay-out realiseren.
Dit verbetert niet alleen de algehele uitstraling van je store, maar zorgt ook voor een meer betrokken gebruikerservaring, wat helpt om klanten vast te houden en de geloofwaardigheid van je merk te vergroten. Voor meer geavanceerde aanpassingsmogelijkheden kun je Shopify page builder-apps verkennen die het proces kunnen vereenvoudigen. Pas deze technieken toe om het maximale uit je Shopify-paginadesign te halen en je content zo sterk mogelijk te presenteren.
