Hoe u uw AI-widget kunt insluiten

Inhoud

Insluiten

Uw AI-widget insluiten is eenvoudiger dan u denkt. Ongeacht het contentmanagementsysteem dat u gebruikt, moet u eerst deze eenvoudige stappen volgen.

Stap 1: Log in op uw account. Ga naar uw Widget-bibliotheek als u uw eigen widget heeft gemaakt, of ga naar de algemene Widget-bibliotheek en zoek de widget die u wilt insluiten. Klik op Configureren & Insluiten om de Stijlopties te openen. Hier kunt u de kleur, de breedte en de randstijl van uw widget kiezen.

Stap 2: Als u uw thema heeft gekozen, kunt u de code kopiëren door op insluiten te klikken. Kopieer de <script>-code. Voeg de code toe tussen de <head>- en </head>-sectie van uw website.

Stap 3: Nu kunt u de <div>-code kopiëren en deze plakken op de plek op uw landingspagina waar u de magie wilt weergeven. Nu bent u helemaal klaar en gereed om uw websitegebruikers het te laten uitproberen!

Uw AI-widget insluiten in WordPress

Het inbedden van je widget in Wordpress is vrij eenvoudig.

Stap 1: Open de pagina waarop je je widget wilt weergeven.

Stap 2: Voeg een html-veld toe aan je pagina waar je de widget wilt plaatsen.

Stap 3: Kopieer beide regels code, script en div, naar het html-veld.

Als je Elementor gebruikt om de inhoud van je pagina op te bouwen, ga dan naar de sectie Elementen en kies de HTML-widget. Nu kun je de code van de AI Widget plakken. Verplaats het html-element in Elementor om de plaats van je AI Widget te veranderen.

U kunt ook uw thema aanpassen:

Stap 1: Toegang tot uw WordPress-dashboard

Stap 2: Toegang tot de Thema-aanpasser: Ga in het WordPress-dashboard naar "Weergave" in het linker menu. Afhankelijk van uw thema ziet u mogelijk "Aanpassen" of "Thema-aanpasser". Klik op deze optie.

Stap 3: Zoek de sectie "Extra CSS" of "Aangepaste code". De locatie van de codeplaatsing kan variëren, afhankelijk van uw thema. Zoek naar een sectie met de naam "Extra CSS," "Aangepaste code," "Kop" of iets dergelijks.

Stap 4: Plak de code nu in het veld en sla de wijzigingen op.

Uw AI-widget insluiten in HubSpot

U kunt code toevoegen aan de kopsectie van uw website met behulp van de module Aangepaste HTML in HubSpot.

Stap 1: Ga naar het HubSpot-dashboard en log in op uw account.

Stap 2: Als u code aan een specifieke pagina wilt toevoegen, gaat u naar die pagina door naar Marketing > Website > Websitepagina's te gaan en de pagina te selecteren die u wilt bewerken. Als u code aan een sjabloon wilt toevoegen die op meerdere pagina's wordt gebruikt, kunt u naar Marketing > Website > Sjablonen gaan en het sjabloon selecteren dat u wilt bewerken.

Stap 3: Klik op de knop "Bewerken" om de pagina-editor te openen voor een specifieke pagina. Voor een sjabloon klikt u op de knop "Bewerken" om de sjabloon-editor te openen.

Stap 4: In de pagina- of sjablooneditor kunt u een module Aangepaste HTML toevoegen waar u uw code wilt invoegen. Om een module toe te voegen, klikt u op het "+"-pictogram om de modulebibliotheek te openen, zoekt u naar "Aangepaste HTML" en sleept u deze naar de gewenste locatie in de kopsectie.

Stap 5: Nadat u de module Aangepaste HTML heeft toegevoegd, klikt u erop om de editor te openen. In de editor kunt u uw AI-widgetcode plakken. U kunt ook een naam toevoegen aan de module ter referentie.

Stap 6: Nadat u uw code heeft toegevoegd, zorg ervoor dat u uw wijzigingen opslaat. Klik ten slotte op de knop "Publiceren" om de wijzigingen live op uw website te maken.

Bovendien, als u toegang heeft tot de Design Manager in HubSpot, kunt u ook code toevoegen aan de kop op meerdere pagina's door het wereldwijde kop-sjabloon te bewerken. Dit is handig voor het toevoegen van code die op alle pagina's van uw website moet worden weergegeven.

Uw AI-widget insluiten in Umbraco

In Umbraco kunt u code toevoegen aan de kopsectie van uw website door het sjabloon dat is gekoppeld aan uw documenttypen te wijzigen. Hier zijn de algemene stappen om code toe te voegen aan de kopsectie:

Stap 1: Log in op het Umbraco-beheerdersgedeelte met uw inloggegevens.

Stap 2: Ga naar instellingen en sjablonen.

Stap 3: Wijzig het sjabloon voor uw documenttype door uw code rechtstreeks toe te voegen aan de <head>-sectie.

Stap 4: Nadat u uw code heeft toegevoegd, slaat u de wijzigingen op en publiceert u ze indien nodig. Hiermee worden de code-wijzigingen live op uw website weergegeven.

Stap 5: Kopieer nu de tweede regel code en voeg deze toe aan de aangepaste HTML-sectie van de pagina waar u de widget wilt weergeven.