Documentation

Contact Page with Map

Now we'll create a contact page with an address, opening hours and a google map.

Click the "pages" button. Now click the "+item" button to create a new page and rename "contact".

1) Address Section
Add a "section" with a "heading":

[section]
[h1][Heading,Company Name][h1end]
Street[nl]
City[nl]
Postcode
[sectionend]

Company Name

Street
City
Postcode

2) Opening Hours Section
Add another section.

[Section|| padding:5%;]
[OpenHours,Monday,9am,-,5pm]
[OpenHours,Tuesday,9am,-,5pm]
[OpenHours,Wednesday,Closed]
[OpenHours,Thursday,9am,-,5pm]
[OpenHours,Friday,9am,-,5pm]
[OpenHours,Weekends,midday,til,4pm]
[SectionEnd]

Monday

9am - 5pm

Tuesday

9am - 5pm

Wednesday

Closed

Thursday

9am - 5pm

Friday

9am - 5pm

Weekends

midday til 4pm

3) Contacts Section
Add another section.

[Section|| padding:5%;]
[contact,Phone,+(44) 141 000 00000,tel:+44-141 000 00000]
[contact,Phone,mobile +(44) 771 000 00000,tel:+44-771 000 00000]
[contact,email,[var,contact.email],mailto:[var,contact.email]?Subject=From%20Website]
[contact,facebook,facebook page,https://facebook/]
[contact,instagram,instagram images,https://instagram/]
[contact,twitter,twitter account,https://twitter/]
[contact,website,favourite,https://webgenisys.co.uk/,heart.png]
[SectionEnd]

+(44) 141 000 00000

mobile +(44) 771 000 00000