Om Akeroh te implementeren op je website, is het mogelijk om gebruik te maken van de enigszins uitgeklede iframe versie.

Op deze manier zullen je gasten altijd de nieuwste informatie zien, zonder dat je in verschillende systemen wijzigingen moet aanbrengen bij een verandering van een menu.

Het implementeren van een iframe op je website zou snel en gemakkelijk moeten zijn voor degene die je website beheert.

De basis

Het plaatsen van een Akeroh menu op je website is heel gemakkelijk. Onderstaande code voorbeeld geeft aan hoe je kunt beginnen:

<iframe src="https://<JOUW-BEDRIJF>.akeroh.nl/<MENU-LINK>?iframe" />

Vervang hierbij door de Akeroh omgevingsnaam van jouw bedrijf. Bij gebruik je het pad wat je ook ziet als je het gewenste menu opent via Akeroh, bijvoorbeeld menu/1 of wine.

Aanpassen aan website

Met de basisimplementatie kun je in veel gevallen al snel aan de slag. Mocht je de stijl toch iets willen aanpassen, bijvoorbeeld om de leesbaarheid te verbeteren of om het menu beter aan te laten sluiten bij de rest van je website, dan zijn hier enkele opties voor beschikbaar.

Al deze opties geef je mee als query parameter in de source URL van het iframe (dus bijvoorbeeld ?iframe&textColor=white).

Standaard taal

Je kunt opgeven in welke taal je de menukaart (standaard) wilt tonen.
Parameter: lang
Waarde: en of nl

Tekstkleur

Hiermee pas je de kleur van standaard tekst aan.
Parameter: textColor
Waarde: HEX-kleurcode of CSS kleurnaam
Let op: Als jeen HEX-kleurcode gebruikt, moet je het # teken URL-encoded meegeven, dus als %23.

Huisstijl kleur

Hiermee pas je de kleur aan van onder andere koppen,
Parameter: brandColor
Waarde: HEX-kleurcode of CSS kleurnaam
Let op: Als jeen HEX-kleurcode gebruikt, moet je het # teken URL-encoded meegeven, dus als %23.

Achtergrond kleur

Standaard is de iframe transparant. Met deze optie kun je een achtergrondkleur toevoegen.
Parameter: bgColor
Waarde: HEX-kleurcode of CSS kleurnaam
Let op: Als jeen HEX-kleurcode gebruikt, moet je het # teken URL-encoded meegeven, dus als %23.

Instellingen dropdown verbergen

De lijst met opties, zoals taal en lettergrootte, kan met deze optie verborgen worden.
Parameter: hideLocales
Waarde: true

Wijn introductie verbergen

Op de wijnkaart kun je hiermee de introductietekst verbergen.
De introductie wordt alleen getoond als de keuze voor fles of glas ingeschakeld is.
Parameter: hideWineIntro
Waarde: true