Als uw website is gebouwd als een standaard statische site, of eenvoudige bestanden zoals .html of .php gebruikt, is het "embedden" van het SEOptimer Embed Form meestal zeer eenvoudig.


Deze gids behandelt de meest eenvoudige installatiemethode voor websites waar je directe toegang hebt tot de broncode van de pagina. Dat omvat sites die zijn gebouwd met platte HTML, PHP, of andere eenvoudige server-gerenderde bestanden waar de paginamarkering duidelijk zichtbaar is.


Voordat U Begint


Voordat u uw formulier genereert en insluit, moet u ervoor zorgen dat uw white label rapporttemplate volledig is ingesteld en dat uw Embed Form instellingen zijn geconfigureerd. Zodra deze gereed zijn, kunt u naar uw Embedding Settings pagina navigeren, naar de onderkant van de pagina scrollen en uw embedcode genereren.

De structuur van de insluitcode begrijpen


Nadat je je insluitcode hebt gegenereerd, zul je merken dat je code is opgesplitst in drie secties:

  • CSS
  • HTML
  • JavaScript


Elke sectie speelt een andere rol:

  • CSS beheert het uiterlijk van het formulier
  • HTML definieert waar het formulier op uw pagina verschijnt
  • JavaScript laadt en stuurt de functionaliteit van het formulier aan

U kunt de CSS- en HTML-secties aanpassen aan uw site en lay-out, maar de JavaScript moet precies worden gelaten zoals verstrekt, aangezien het wijzigen ervan het formulier kan breken.

Hoe het Insluitformulier Toe te Voegen aan een Eenvoudige HTML- of PHP-pagina


Open het bestand waar u wilt dat het formulier verschijnt. Dit kan iets zijn als:

  • index.html
  • pricing.html
  • contact.php
  • audit.php

Plaats vervolgens de SEOptimer embedcode in het deel van de pagina waar je het "formulier" wilt weergeven.


Hier is een eenvoudig voorbeeld van hoe dat eruit zou kunnen zien op een basis HTML-pagina:

HTML Embed

Op een PHP-pagina is het proces hetzelfde, plak gewoon de insluitcode op de juiste plaats in uw bestand:

PHP Embed

Pagina opslaan en testen


Nadat je je insluitcode aan je pagina hebt toegevoegd, is het tijd om het formulier te testen om ervoor te zorgen dat het goed werkt. Je moet het bestand opslaan en indien nodig naar je server uploaden, de pagina in je browser openen en controleren of het formulier correct laadt.

In deze fase moet je mogelijk enkele aanpassingen maken als het formulier niet verschijnt zoals je wilt. De meeste van deze wijzigingen moeten worden aangebracht in het CSS-gedeelte van de code.

  • Als het formulier helemaal niet verschijnt, moet u het volgende controleren:
  • Of de JavaScript onvolledig of bewerkt is
  • Of u de code in het verkeerde bestand of op de verkeerde locatie heeft geplakt
  • Of er cachingproblemen zijn
  • Of als er conflicten zijn met bestaande scripts of stijlen

Een Opmerking over Frameworks en Geavanceerde Installaties


Deze gids is ontworpen voor eenvoudige sites waar HTML direct bewerkbaar is. Als uw site frontend frameworks gebruikt zoals React, Vue of Angular, kan het proces anders zijn omdat inhoud dynamisch wordt weergegeven in plaats van direct in statische bestanden te worden geschreven.


In die gevallen kan het insluiten van het formulier een meer technische benadering vereisen.

Afronding


Voor eenvoudige HTML- of PHP-sites is het insluiten van het SEOptimer-formulier een snel proces, genereer je code, plak het op je pagina en je bent klaar om te gaan.
Eenmaal geïnstalleerd, heb je een volledig functioneel SEO-auditformulier dat klaar is om leads vast te leggen en merkgebonden rapporten rechtstreeks vanaf je site te leveren.

Hulp Nodig?


Live Chat: Klik op Live Chat (rechtsonder)
E-mail: [email protected]
Reactietijd: Binnen 24 uur