Je Contaqt-artikelen op je eigen website: zo plaats je de code

Wat je nodig hebt

• De code van Contaqt. Die krijg je van ons. Er staat een sleutel in die bij jouw kantoor hoort, dus gebruik de code die je kreeg en niet het voorbeeld hieronder.
• Een pagina op je website waar de artikelen komen, bijvoorbeeld Nieuws, Actueel of Blog.
• Toegang tot het beheer van je website, het liefst met een beheerdersaccount. Sommige websites halen een script weg als iemand met minder rechten het plaatst.

Zo ziet de code eruit

Het zijn twee regels. De eerste maakt een lege plek op de pagina, de tweede vult die plek met je artikelen.

<div id="contaqt-content"></div>
<script src="https://mijn.contaqt.app/widget.js" data-key="JOUW_SLEUTEL" defer></script>

In jouw code staat op de plek van JOUW_SLEUTEL een lange reeks letters en cijfers. Die hoort bij jouw kantoor; verander er niets aan.

Stap 1: maak een pagina voor je artikelen

Maak in je website een nieuwe pagina, of kies een bestaande pagina die nu leeg is of oud nieuws toont. Geef hem een kort adres, zoals /nieuws/. Zet de pagina in je menu, zodat bezoekers hem vinden.

Alle artikelen openen op deze ene pagina. Klikt iemand een artikel aan, dan komt er ?artikel= met de naam van het artikel achter het adres. Zo heeft elk artikel toch een eigen link die je kunt delen.

Stap 2: plaats de code

Zet de code in een blok voor HTML, op de plek waar de artikelen moeten komen. Hoe dat blok heet, verschilt per websitebouwer.

WordPress met de blokeditor

1. Open de pagina en klik op het plusje om een blok toe te voegen.
2. Zoek op HTML en kies het blok Aangepaste HTML.
3. Plak de code in het blok.
4. Klik op Bijwerken of Publiceren.

In de editor zelf zie je alleen de code staan, dat is normaal. De artikelen verschijnen pas als je de pagina op je website bekijkt.

WordPress met Elementor

1. Open de pagina met Elementor.
2. Sleep het element HTML naar de plek waar de artikelen moeten komen.
3. Plak de code in het veld en klik op Bijwerken.

WordPress met Divi of WPBakery

In Divi gebruik je de module Code, in WPBakery het element Raw HTML. Plak de code erin en sla de pagina op.

WordPress met de klassieke editor

Klik rechtsboven in de editor op het tabblad Tekst (niet Visueel), plak de code en klik op Bijwerken. Schakel daarna niet terug naar Visueel voordat je opslaat; de visuele weergave kan het script weghalen.

Een andere websitebouwer

Het werkt op elke website waar je een stukje HTML met een script kunt plaatsen. Zoek in je websitebouwer naar een blok dat HTML, Code of Insluiten heet. Bij sommige bouwers komt zo'n blok in een apart kader terecht; dan werkt het soms anders dan je verwacht. Twijfel je, stuur ons het adres van je website, dan kijken we mee.

Gebruik je een plugin die je website sneller maakt?

Plugins zoals WP Rocket, LiteSpeed Cache, Autoptimize of Perfmatters kunnen scripts uitstellen of samenvoegen. De artikelen verschijnen dan pas laat, of helemaal niet. Zet mijn.contaqt.app/widget.js in die plugin bij de uitzonderingen, meestal onder een instelling als "JavaScript uitstellen" of "JavaScript combineren". Leeg daarna de cache van je website.

Stap 3: controleer en geef de link door

1. Open de pagina op je website in een privévenster, zodat je de nieuwste versie ziet.
2. Je ziet een overzicht van je artikelen. Klik er een aan: het artikel opent op dezelfde pagina en het adres krijgt ?artikel= erachter.
3. Klik op terug. Je komt weer bij het overzicht.
4. Stuur het adres van de pagina naar ons. Dan laten we de links in je nieuwsbrief en je socials voortaan naar je eigen website wijzen.

Kleur en stijl regel je in het portaal

Hoe de artikelen eruitzien, kies je in het portaal onder Instellingen, Weergave: een stijl en een kleur. Je website past zich vanzelf aan, de code verandert daarvoor niet. De artikelen staan in een eigen afgeschermd blok, dus de opmaak van je website zit ze niet in de weg, en andersom.

Wil je de kleur precies gelijk aan je website, ook als die in het portaal anders staat? Dan kan je websitebouwer in de code data-accent="#1a6fb0" toevoegen, met de kleurcode van je website. Dat is niet nodig, wel mogelijk.

Er verschijnt niets. Wat nu?

• Zie je de code als tekst op je pagina staan? Dan staat hij in een gewoon tekstblok. Haal hem weg en zet hem in een blok voor HTML, zoals hierboven.
• Blijft de plek leeg? Leeg de cache van je website en kijk of een snelheidsplugin het script uitstelt. Bekijk de pagina daarna opnieuw in een privévenster.
• Is de code ingekort? Kijk of de sleutel achter data-key= er nog helemaal staat. Kopieer de code anders opnieuw uit onze mail.
• Zie je de artikelen twee keer? Dan staat de code twee keer op de pagina, of er staat nog een oude Contaqt-code. Laat er één staan.
• Lukt het nog niet? Mail support@contaqt.nl met het adres van de pagina. Dan zoeken we het samen uit.

En Google?

Artikelen van de Contaqt-redactie staan ook op de websites van andere kantoren. Daarom vraagt de widget zoekmachines die artikelen niet op te nemen. Artikelen die je zelf schrijft in het portaal staan alleen op jouw website, en die mogen zoekmachines wel opnemen, met een eigen titel en omschrijving.