Menu's op je website (iframe)
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