Hoe voeg je een aangepaste banner toe op Squarespace

Promotiebanners zijn essentieel om verkeer naar je website te leiden, of je nu je eindejaarsuitverkoop promoot, een nieuw product aankondigt of een aankomend evenement adverteert. Effectieve aangepaste banners gebruiken rich media, afteltimers en sterke call-to-actions om doorklikpercentages en klantbetrokkenheid te verhogen.

Voor Squarespace-gebruikers kan het toevoegen van een banner een externe oplossing vereisen. Squarespace biedt een ingebouwde aankondigingsbalk, maar deze optie is beperkt tot een enkele regel tekst met een simpele link en strikte weergavevereisten. Je kunt ook een hero-sectie als aankondigingsbalk maken met de Fluid Engine-editor, maar die mist de compacte en dynamische eigenschappen van een banner.

Om een echte aangepaste banner toe te voegen aan Squarespace heb je, als je geen CSS-code schrijft, twee opties: een premium plug-in of codefragment van derden kopen, of een gratis, lichtgewicht serverloze widget gebruiken.

Optie 1: Installeer een premium Squarespace-plug-in of aangepast CSS-fragment

Veel gebruikers omzeilen de beperkingen van Squarespace door een externe dienst of codeontwikkelaar te betalen voor aangepaste plug-incode. Aangepaste code stelt je in staat om ontwerpbeperkingen te omzeilen en elementen handmatig op je pagina te plaatsen. Je moet een licentie zoeken en aanschaffen en vervolgens de code toevoegen aan een aangepast paginablok of aan je Squarespace-website via de Code-injectie.

Zodra je een code hebt gevonden die bij je behoeften past, kun je deze op twee manieren aan je site toevoegen, afhankelijk van of je de code aan één pagina of aan elke pagina op je site wilt toevoegen. Zo pak je beide opties aan:

Volledige site

1. Klik op het tabblad Pages in het navigatiemenu aan de linkerkant.

2. Selecteer het dropdown-menu Custom Code onderaan het menu en klik op Code Injection.

3. Plak je aangepaste code in de header of footer van je site.

Enkele pagina

1. Open de pagina en klik op de knop Edit bovenaan.

2. Klik op Add Block op de plek waar je je banner wilt toevoegen.

3. Scroll naar beneden en klik op de optie Code.

4. Klik in je nieuwe codeblok, kies het codetype uit het dropdown-menu en plak je code in het blok. Klik op Save om af te ronden.

Het probleem met deze aanpak is de onvoorspelbaarheid en de kosten van het betalen voor premium code. Sommige opties kosten $25 of meer voor een eenvoudige banner, afteltimer of vergelijkbare tool.

“Freemium”-opties kunnen ook misleidend zijn. Deze opties kunnen gemakkelijk kapotgaan wanneer Squarespace zijn kerninfrastructuur bijwerkt, of je site vertragen met niet-geoptimaliseerde of niet-mobielvriendelijke elementen.

Je zou niet hoeven te betalen om een website te maken die effectiever is. Daarom biedt Jotform een gratis interactieve banneroptie voor Squarespace-gebruikers.

Optie 2: Voeg een gratis, interactieve bannerwidget toe (aanbevolen)

Als je een banner wilt maar niet wilt betalen voor licenties, terugkerende abonnementen of aangepaste code, dan is de beste oplossing een betrouwbare gehoste embed. Met de Jotform Banner Widget kun je eenvoudig je banner aanpassen en een unieke embedcode genereren die je rechtstreeks in Squarespace kunt plakken.

Zo voeg je dit gratis alternatief voor betaalde codefragmenten toe aan je Squarespace-website:

1. Ga naar de Jotform Banner Widget-pagina en klik op de knop Get Started Now in de rechterbovenhoek om je nieuwe widget te openen.

2. Pas je banner aan via het menu Widget Properties.

3. Zodra je banner klaar is, klik je op Publish en vervolgens op de knop Copy Code om je embedcode te genereren.

Volg daarna deze stappen om een promotiebanner voor Squarespace in te sluiten, voor de hele site of per pagina:

Volledige site

1. Klik op het tabblad Pages in het navigatiemenu aan de linkerkant.

2. Selecteer het dropdown-menu Custom Code onderaan het menu en klik op Code Injection.

3. Plak je aangepaste code in de header of footer van je site.

Enkele pagina

1. Open de pagina waaraan je een banner wilt toevoegen en klik op de knop Edit bovenaan.

2. Klik op Add Block op de plek waar je je banner wilt toevoegen.

3. Scroll naar beneden en klik op de optie Code.

4. Klik in je nieuwe codeblok, kies het codetype uit het dropdown-menu en plak je code in het blok. Klik op Save om af te ronden.

Jotform maakt het niet alleen eenvoudig om deze gratis bannerwidget toe te voegen aan Squarespace, maar laat je ook je banner rechtstreeks aanpassen in de widgetbouwer via een gratis visuele editor. Je kunt de achtergrondafbeeldingen van je banner personaliseren, YouTube- of Vimeo-video’s insluiten, interactieve call-to-action-knoppen toevoegen, afteltimers invoegen en de zichtbaarheid per apparaat regelen. En omdat Jotform off-server werkt, zal het toevoegen van de banner aan je site niet conflicteren met de kernupdates van Squarespace of je lay-out verstoren.

Geef je Squarespace-website een boost met slimme, serverloze widgets

Met Jotform houden je mogelijkheden niet op bij banners. Jotform biedt een compleet pakket aan gratis websitewidgets om conversies te maximaliseren, je website licht te houden en onnodige premium plug-in-abonnementen te elimineren.

Deze widgets voegen krachtige functies toe aan je Squarespace-website met eenvoudige embedcodes, waaronder

• FAQ Widget voor antwoorden op veelgestelde klantvragen
• Google Reviews Widget om klanttevredenheid te tonen
• Countdown Timer Widget voor aankomende evenementen of productlanceringen
• Back to Top Widget voor een soepelere gebruikerservaring
• QR Code Widget voor eenvoudige toegang tot menu’s, documenten en meer

Je kunt Jotform zelfs gebruiken om een naadloze verbinding te maken tussen je online formulieren en je Squarespace-website via de Jotform-Squarespace-integratie.

Besteed je tijd en geld niet aan het beheren van een premium website-plug-in alleen om een banner aan je homepage toe te voegen. Gebruik de gratis, serverloze websitewidgets van Jotform om je website-ervaring te verbeteren en belangrijke leads vast te leggen.