Pro This module comes in the Pro package only.
Webal Contact details shows your address, telephone numbers, email addresses and opening hours, with an optional map link and a link to your contact form.
By default it prints the business details that you entered once in the Webal Blocks Options, so the footer, the navbar and every contact block agree.
A telephone number is a link that a visitor on a phone can tap to call, and an email address opens the visitor's email program. The opening hours are a proper table.
Tip. Business details are your address, numbers, email addresses and opening hours, entered once for the whole site.
Before you start: enter your details once
Open Components, then Webal Blocks, then Options, and choose the Business details tab. Enter what you want shown and leave out anything you do not need, because an empty box is not shown. See the Options tour.
If you saw nothing on the page: with Use the site business details on and nothing entered in the Options, the module shows nothing. It tells anyone who can edit the module, with a message after you open the page while signed in as an administrator, but visitors never see that message.
Add it to a page
These steps follow the order of the screens in Joomla, and nothing is saved until you press Save.
- Log in to the Joomla administrator, and in the menu on the left choose Content, then Site Modules.
- Press New, and a list of module types opens so that you can choose from it.
- Choose Webal Contact details from the list of module types, which starts a new module of that kind.
- Type a Title for the module, using a name that tells you what the module is for.
- On the Module tab, choose what to show with the four Show switches: telephone numbers, email addresses, address and opening hours. All of them are on to begin with.
- Optional: type a Map link, an address of a map that starts with https://, and the Map link text.
- Optional: choose a Contact form link and its Contact form link text.
- Open the Look tab and choose the Arrangement: List, Grid or Inline.
- Choose whether to Show icons and Show the labels.
- Go back to the Module tab, then open the Position list in the right-hand column and choose a position. A position is a named place in your template where a module can go.
- Under Title in the same column, choose Hide if you typed a heading in the Title group. If you leave the Title empty, screen readers hear the block called "Contact details".
- Press Save, and wait until the message "Module saved." appears.
- Open the Menu Assignment tab. In Module Assignment, choose Only on the pages selected, so that the module appears only on the pages that you pick.
- Beside Assign to Menu Items, press None, because every page stays ticked until you do this.
- Type the name of the page in the search box, then tick that page so that the module appears there.
- Press Save & Close, which saves the module once more and closes the editing screen.
- Open that page on your site and look for the module in the position that you chose.
Accessibility. If a page holds more than one Webal Contact details module, give each a different Title and a different module title, because two blocks with the same name look the same to a screen reader, so people cannot tell them apart.
Options
Module tab
The options of this module sit in the middle column of the Module tab.
| Option | What it does | Default |
|---|---|---|
| Title | An optional heading above the details. See the Title group. If you type one, set Show Title to Hide. | No title |
| Use the site business details | Yes prints the business details from the Options. No gives this module its own copy. | Yes |
| Show the telephone numbers | Yes prints the telephone numbers as links that can be tapped to call. | Yes |
| Show the email addresses | Yes prints the email addresses as links that open the visitor's email program. | Yes |
| Show the address | Yes prints the postal address. | Yes |
| Show the opening hours | Yes prints the opening hours as a table, with Monday to Friday joined when the times are the same. | Yes |
| Address | This module's own address. Shown when Use the site business details is No. | Empty |
| Opening hours | This module's own opening hours. Shown when Use the site business details is No. | Empty |
| Telephone numbers | This module's own telephone numbers, up to 6: a name, a number, a kind (Landline, Mobile or WhatsApp) and an optional icon. | None |
| Email addresses | This module's own email addresses, up to 6: a name, one address and an optional icon. | None |
| Map link | An https:// address of a map, for example from Google Maps or OpenStreetMap. Anything else is refused when you save. It opens in a new tab. | Empty |
| Map link text | The words of the map link. Empty uses "Get directions". | Empty |
| Contact form link | A link to your contact form: a menu item, an article or a web address. See the Link group. | Nothing (no link) |
| Contact form link text | The words of the contact form link. Empty uses "Contact us". | Empty |
| Structured data | Yes tells search engines your business details (a LocalBusiness, or an Organization when no opening hours show). Only what the module shows is written. | No |
Look tab
| Option | What it does | Default |
|---|---|---|
| Arrangement | List stacks the items, which suits a sidebar. Grid sets them in columns. Inline runs them along a line with a divider between, and wraps on a narrow screen. In Inline the opening hours are a list of days, not a table. | List (one item under another) |
| Grid | Columns and gap for the Grid arrangement. See Grid. | See Grid |
| Show icons | Yes puts a small icon before each item. | Yes |
| Icon size | Small (1 rem), Medium (1.25 rem), Large (1.5 rem) or Extra large (2 rem). | Medium (1.25 rem) |
| Show the labels | Shows the words Telephone, Email, Address and Opening hours (or the name you gave a number) above each value. No hides them from the screen but keeps them for screen readers. | Yes |
| Colour scheme | Inherit, Light or Dark for this block alone. The block paints its own surface. See Colour scheme. | Inherit |
Layout tab
This tab has the shared groups General, Spacing and Width. They work the same in many modules, so they are explained once: see General, Spacing and Width. The usual wrapper is a section that screen readers can jump to by name. Choose Plain block (no landmark) only for a block inside content that already has one.
Animation tab
The shared Animation group, where everything is switched off for visitors who ask their device for less motion.
Advanced tab
This tab holds Joomla's own settings, such as Module Class and Caching. Nothing in the output depends on who is looking, so the module cache is right, and changing the business details in the Options clears the cached copies.
Result
Accessibility
- The block is a named area of the page that screen readers can jump to, wherever you put it.
- The details are a definition list inside one address element. Every link has the number or address as its words, and is at least 44 pixels high.
- Links are underlined, not only coloured, and the focus ring is 3 pixels. Icons are decoration and screen readers skip them.
- The opening hours table has a hidden caption and a heading for each day group.
- A link that opens in a new tab, such as the map or a WhatsApp number, says so.
- Text and links reach 4.5 to 1 contrast, and icons 3 to 1, in light, dark, and inside a Light or Dark colour scheme.
Accessibility. Addresses are printed as plain text, exactly as a visitor reads them, so spam robots can read them too. There is deliberately no scrambling with scripts, because it breaks for people who use assistive technology. If that worries you, leave the email address out and use the Contact form link.
Other languages
The business details are one set for the whole site, and Webal Blocks does not add a second set of boxes for each language.
Use Joomla's own way instead: make a copy of the module for each language, set the copy's Language, choose No for Use the site business details, and write that language's words in the module's own boxes. The words Webal Blocks adds, such as "Telephone" or "Get directions", come from the language files.
Tips
- Choose No for Use the site business details to give this module its own copy. The boxes for address, opening hours, telephone numbers and email addresses then appear, and the Options are ignored by this module.
- A WhatsApp number becomes a WhatsApp link that opens in a new tab, and both a UK number that starts with 0 and a +44 number work.
- A module that shows only the address next to a map is one switch away: turn the other three Show switches off.
- Turn Structured data on in one module for the whole site, because search engines read one organisation for each page. If an SEO plugin or Joomla's System - Schema.org plugin already writes your organisation, leave it off.
- The telephone number is written in the structured data only when it has a country code, such as +44.