Organiseer de voorgerechten, hoofdgerechten en desserts van je restaurant met een menu direct op je site.

Gebruik menublokken om de menu's van je restaurant op je site weer te geven. Dit is een uitstekend alternatief voor het insluiten van .pdf. menu's, die niet altijd even SEO-vriendelijk zijn als tekst direct op de pagina. Door gebruik te maken van speciale opmaak kun je meerdere menu's in één menublok aanmaken.

Deze gids behandelt het toevoegen van menublokken voor je restaurantsite. Om een uitklapmenu samen te stellen in de navigatie van je site, ga je naar Uitklapmenu's toevoegen aan je navigatie. 

Menublokken zijn beschikbaar bij het Basic-, Core-, Plus-, Advanced-, Business-, Commerce Basic- en Commerce Advanced-abonnement. Zie voor meer informatie Het juiste Squarespace-abonnement kiezen.

Bekijk een video

Een menublok toevoegen

Om een menublok toe te voegen:

1. Bewerk een pagina of post, klik op Blok toevoegen of een invoegpunt, en klik op Menu in het menu. Ga voor hulp naar Inhoud toevoegen met blokken.
2. Open de blokeditor door op het potloodpictogram op het blok te klikken.
3. Bewerk de tekst in het tabblad Inhoud om je menu's, menugedeelten en menu-items te maken.
4. Gebruik het tabblad Ontwerp om het menuontwerp aan te passen.
5. Gebruik het tabblad opmaakhulp voor opmaaktips.

Menu's toevoegen

Om u op weg te helpen, bevatten de menublokken voorbeeldinhoud. We raden aan om de voorbeelditems één voor één te vervangen door je eigen menu-items om de opmaak te behouden. Je kunt ook de inhoud verwijderen en de stappen in dit gedeelte volgen om helemaal opnieuw te beginnen.

Menublokken kunnen meerdere menu's bevatten. Je kunt bijvoorbeeld je brunch-, lunch- en dinermenu's aan hetzelfde blok toevoegen.

Voeg als volgt een menu toe:

1. In het tabblad content kun je de naam van het menu invoeren.

2. Voeg eronder ten minste drie gelijkheidstekens (=) toe.

   

3. Voeg direct onder de is-tekens een optionele beschrijving of opmerking over het menu toe.

   

4. Voeg hieronder meer menu's toe in hetzelfde formaat. 

Deze menu's worden omgezet in categorienavigatie op de pagina. In de volgende gedeelten lees je hoe je de rest van de menu-content kunt toevoegen.

Opmerking: Als je slechts één menu aan het blok toevoegt, verschijnt de categorienavigatie mogelijk niet.

Secties toevoegen

Je kunt elk menu in gedeelten onderverdelen. Gedeelten kunnen bijvoorbeeld een menu indelen op voorgerechten, salades, hoofdgerechten, bijgerechten en nagerechten.

Maak als volgt een gedeelte aan:

1. Voer de naam van het gedeelte in onder het juiste menu.
2. Voeg er ten minste drie koppeltekens(-) onder toe.
3. Voer op de regel direct onder de koppeltekens een optionele beschrijving van het gedeelte in.

Gedeelten verschijnen als koppen op de pagina.

Menu-items toevoegen

Om een menu-item toe te voegen:

1. Vul je naam van het item in onder een gedeelte.
2. Voeg een beschrijving van het item toe onder de naam.
3. Om de prijs weer te geven, voeg je een prijs toe onder de beschrijving.
4. Voeg prijsvarianten toe door een slash (/) tussen prijzen te gebruiken. Dit is handig voor prijzen per glas/fles of hele/halve porties.
5. Voeg marktprijzen toe door $MKT of $Market Price als prijs toe te voegen. Zolang het valutasymbool eerst is, kun je de prijs direct na het menu-item of de beschrijving plaatsen.
6. Voeg opties of uitbreidingen toe aan een menu-item door + te typen op een nieuwe regel onder de prijs.
7. Als je een oneven aantal items hebt, kan het toevoegen van een
   -tag onderaan het gedeelte helpen om de menukolommen gelijk te maken.
8. Als je merkt dat sommige menu's extra opvulling hebben, lees dan hoe je de minimumhoogte instelt voor je eerste menu.

ontwerp aanpassen

Je kunt de menustijl en het valutasymbool van menublokken aanpassen.

Menustijl

Klik op het tabblad Design in de blokeditor en kies een stijl:

• Met 'Centered'wordt een menu met één kolom en gecentreerde tekst gecreëerd. Dit ontwerp is ideaal voor korte menu's.
• Meerkolom maakt een menu met meerdere kolommen en links uitgelijnde tekst. Het aantal kolommen hangt af van de breedte van je site en browser.

Valutasymbool

Klik op het tabblad Ontwerp en selecteer een valuta voor menuprijzen in het Valutasymbool -uitklapmenu. Je kunt kiezen uit $Dollar, €Euro, £Pound of ￥Yen.

Opmerking: Het hier gekozen valutasymbool wordt vóór cijfers weergegeven in de derde regel van menublokitems, zelfs als je een ander valutasymbool of helemaal geen symbool hebt gebruikt bij het samenstellen van het menu in het tabblad Content. Bekijk de stappen hieronder om een ander valutasymbool te gebruiken.

Lettertypen en kleuren

Gebruik sitestijlen om de lettertypen en kleuren van je menu te wijzigen. Hoe je deze opmaakt hangt af van welke versie van Squarespace je site gebruikt.

Hulp bij opmaak (alleen voor computers)

Het tabblad opmaakhulp bevat voorbeelden van opgemaakte menu's, menugedeelten en menu-items.

Tip: Als je de opmaak van de menunavigatie en gedeelten niet mooi vindt, kun je menublokken gebruiken om alleen menu-items toe te voegen en vervolgens headers toevoegen met tekstblokken. Zie de democontent van de Hunter-sjabloon voor een voorbeeld.

Probleemoplossing

Menu-items zijn niet uitgelijnd

De uitlijning van menublokken hangt af van veel factoren: of er beschrijvingen zijn, de lengte van de titel- en beschrijvingstekst, het aantal items en meer.

Omdat browsers proberen gelijke kolommen met inhoud te maken, stroomt de tekst van boven naar beneden en van links naar rechts. Dit betekent dat de titels van items niet altijd perfect zullen overeenkomen.

Als je een oneven aantal items hebt, kan het helpen om de volgende HTML-tag onderaan het gedeelte toe te voegen:

Zo kun je de opmaak in evenwicht brengen zodat de menu-items in gelijke rijen worden weergegeven.

Extra opvulling op menu's

Als er extra padding of lege ruimte onder sommige menucategorieën verschijnt, kan dit komen door het bedrag aan inhoud in je eerste menucategorie. De inhoud in je eerste menucategorie bepaalt de minimale hoogte van het menublok. Dit kan ertoe leiden dat er in andere categorieën extra opvulling verschijnt.

Als je bijvoorbeeld een uitgebreid ontbijtmenu hebt maar een kort lunchmenu, zal het lunchmenu witruimte onder de items hebben om de hoogte van het ontbijtmenu te evenaren. Om dit te voorkomen, voeg je een vergelijkbaar bedrag aan inhoud toe aan elk menu, of voeg je het menu met de minste inhoud toe als je eerste categorie.

De tekst verschijnt niet wanneer ik typ.

Als je geen tekst ziet verschijnen terwijl je typt, voltooi dan de invoer en sla het blok op. Open het opnieuw en je content verschijnt nu zoals deze is ingevoerd.

Mijn valutasymbool is niet beschikbaar

Als je een valuta gebruikt die niet beschikbaar is, voer dan een valutasymbool in op de derde regel van een item en voeg een spatie toe. Voer vervolgens je valutasymbool en de prijs in. Hiermee wordt het ingebouwde valutasymbool overschreven, zodat je valutasymbool wordt weergegeven.

Je kunt geen tekst in het menublok plakken

Op computers is het niet mogelijk om met de rechtermuisknop in menublokken te klikken tijdens het bewerken. Gebruik in plaats daarvan sneltoetsen om inhoud te kopiëren en te plakken. Om opmaakproblemen te voorkomen, raden we de volgende snelkoppelingen aan:

Mac

• Kopiëren - ⌘ + C
• Plakken - ⌘ + Shift + V

Windows

• Kopiëren - Ctrl + C
• Plakken - Ctrl + Shift + V

De tekst wordt niet correct opgemaakt.

Fouten in menublokken verstoren de tekstopmaak. Gebruik de volgende tips om problemen met je tekst op te lossen:

• Bevestig dat je ten minste drie gelijktekens (=) hebt tussen menu's en ten minste drie koppeltekens (-) die de gedeelten van elkaar scheiden.
• Druk op Return of Enter na iedere tekstinvoer om ervoor te zorgen dat elke regel correct wordt geplaatst.
• Vermijd het gebruik van de spatiebalk om inhoud te scheiden. Menublokken gebruiken spaties niet op deze manier en zullen tekst niet correct opmaken.