Company information modules

Company information modules help you convey relevant information about your business hours, location and staff to your visitors. All modules within this category are by default connected to your Global Data which makes it easy to ensure you're applying information consistently throughout your website. Find these modules under the category Company information in the Add module menu.

0_-Company-information-modules.jpg

  Use Global Data on your modules

It's highly recommended that you feed your business information from Global Data into these modules as it will ensure that your company information is consistently applied throughout your website. Updating your information centrally in Global Data means you don't have to go through your entire website each time you change a piece of information such as your opening hours - you only have to update the information once. Read more about Global Data here.

 

Opening hours and Opening hours footer/header

Add your business opening hours on your website to make sure visitors know when you're open. Hover the module and click on ContentDesign or Settings on the dropdown to edit your Opening hours module. 

  Difference between Opening hours and Opening hours footer/header

The two opening hours modules are completely alike in terms of functionality but the Opening hours footer/header module is only available in the Add module menu from the footer or header of your website. Having two modules offers you the flexibility of defining two different Global Designs - one for the general Opening hours module and one for the Opening hours footer/header module.

 

Content 

In the Content section you have the option to choose between fetching opening hours from Global Data or adding them directly in the module. 

Fetch Global Data hours by toggling Use Global Data source.

Add content manually by clicking on each weekday's opening and closing hour date picker and select either specific times or the options All Day/Closed. 

  • All day: when you're open all day.
  • Closed: when you're closed all day.

If you want to add interval opening hours, e.g. if you're closed at lunch, click on the plus icon next to the specific day you want to add them to. Another input area similar to your regular opening hours will appear below.

1_-Content-p1.jpg


You might have special opening hours on specific holidays, events or celebrations. Enter a title for days with special opening hours (e.g. Black FridayEasterSummer holiday) and click + Add Day

2_-Content-p2.jpg

 

Design

The Design section is where you change the background, border and spacing of your opening hours module. Click More local design options for additional styling options. For more information on styling, read our dedicated guide here.  

 

Settings

You have the following three options in Settings:

  • Combine similar opening hours: the Editor will automatically group the days with the same opening hours instead of individually displaying each day.
  • Title if closed: define the text displayed on the module when your business is closed all day (the Closed option described above)
  • Title if open all day: define the text displayed on the module when your business is open all day (the All day option described above)

  Changing how opening hours are displayed

The Editor gives you the option to select what date and time format you prefer to display on your website, on a per-language basis. To change the date and time format display settings for a particular language on your website, head to Pages > Manage Pages > Edit language settings (the three dots next to a language name) > Formats. Define the way you display your opening hours by changing date format, weekday format, weekday start and 24-hour display. Read more here.

 

Open now

The Open now module is a great way of providing your visitors "real-time" information about whether your business is open or not at the time they're browsing your website. 

3_-Open-Now.jpg


The behavior of the Open now module is based on your opening hours and time zone set in Global Data. It is therefore important that you keep your information up to date in Global Data. Hover the module and click on Content or Design on the dropdown to edit it. 

 

Content

In Content you have the option to customize the messages that will show when your business is open and closed. If you don't input anything, the module will show the following default texts:

  • Text when open: We're open!
  • Text when closed: Sorry! We're closed.

  Adding Global Data tags

You can integrate your Global Data on the Open now module, for example if you want to add contact information to your open/closed message: "We're closed, but call us at [phone] if you're in the area". In this example, the Editor will automatically populate the field with the phone number you have entered in Global Data.


You have the option to link your open/closed text to an internal page, an external page, an email or a file. When you've linked your text, you can define whether the link should open in a new tab and you can set a "nofollow" property on the specific link.

  • Open link in new tab: external links are by default always set to open in a new tab.
  • Set "nofollow" property: when this setting is enabled, search engines will disregard the hyperlink and it will therefore not affect the target's search ranking.

 

Design

The Design section is where you change the background, border and spacing of your Open Now module. Click More local design options for additional styling options. For more information on styling, read our dedicated guide here.  

 

Map

Use the Map module to highlight your business location to visitors. Hover the module and click on ContentDesign or Settings on the dropdown to edit the module. 

4_-Map.jpg

  How many Map modules can I add per page?

To make sure that maps load quickly and smoothly, don't use more than one Map module per page.

 

Content 

The Map module will by default use the address from your Global Data business information.

To include a different address than your Global Data address, manually type in the full address or use longitude and latitude coordinates.

Example of latitude/longitude coordinates: 55.69888136, 12.53247896

5_-Content-p1.jpg

You have the option of including multiple address pins on your map. To include a second address, use the field Additional address or latitude/longitude. Add even more addresses by separating them with a vertical bar (|).

6_-Content-p2.jpg

  If the second address isn't visible

If you've added two addresses to your map but the second address isn't visible, remember to adjust the zoom level (in Settings) of the map.  


You can switch to using Google Maps data on your Map module if you have a Google Maps license. Toggle Use Google Maps and paste your Google Maps API key to activate the feature.

  Google Maps

To obtain a Google Maps API key you must acquire a license from Google to use their maps services.

 

Design

The Design section is where you change general design such as background, border and spacing of your Map module. You can also set the height, width and style of your map. 

The height is based on pixels with the max. height being 500px. Use the slider or type in your desired height in the field. 

The width is displayed as a percentage of the column width. 100% width means that the Map module spans the entire column. Use the slider or type in your desired width percentage in the field.

When styling your map, you can choose between one of the following five style presets:

  • Default
  • Black & White
  • BlueWater
  • Natural Blue 
  • Light Monochrome 

7__maps.png

 

Settings

In Settings you can change the zoom level and disable the "Get directions" feature on the map. 

The zoom level indicates how zoomed in or out your map should be by default - be aware that visitors are able to zoom in and out manually on the module. The zoom level ranges from 2-21 where 2 is zoomed all out and 21 is zoomed all in. The most typical zoom levels are 9-13, as illustrated below. 

8__maps_zoom.png

If you disable directions on your map, visitors won't be able to get directions to the address pinned on the map directly via the module.

 

Digital business card

Enable visitors to easily download or forward contact information in vCard format directly from your website using the Digital business card module. Hover the module and click on ContentDesign or Settings on the dropdown to edit it. 

9_-Digital-business-card-p1.jpg


Content

You can feed person data into the Digital business card module either from Global Data or by entering it locally in the module itself. 

Global Data: If you enter person data in Global Data, you can re-use it across your website in multiple Digital business card modules, if you wish. To use information from Global Data, toggle Use Global Data source. If you have created multiple persons in Global Data, select from the dropdown which person you want displayed in the module.

  Persons from Global Data

You can create as many persons as you want in Global Data. When you add a Digital business card module to your site, you'll be able to choose which person you want displayed in the module. 

In the module: If Use Global Data source is not toggled, you can enter person data directly in the module. Be aware that any person data entered locally in a module cannot be re-used automatically in other Digital business card modules on your website.

10_-Digital-business-card-p2.jpg

Design

The Design section is where you change general design such as background, border and spacing of your Digital business card module. Clicking More local design options will offer you the following additional design options: 

  • Image: In this section you can define image size and image border properties.
  • Name text: Define font type and settings as well as alignment and spacing.
  • Job, affiliation, department: Define font type and settings as well as alignment and spacing.
  • Divider 1-4: Set alignment, thickness, color, spacing, etc. 
  • Description text: Define font type and settings as well as alignment and spacing.
  • Address, phone, email, fax: Define font type and settings as well as alignment and spacing.
  • Icon: Define icon size and color, background color, border properties and spacing. 
  • Social media links: Define social media icon size, font, alignment, spacing, background color and border properties. 
  • Link text: Define font type and settings as well as alignment and spacing.
  • Text wrapper: Set padding on the area containing all text elements in the module.
  • Email/download icons: Define icon size and color, background color, border properties and spacing. 

 

11_-Digital-business-card-p3.jpg
Settings

In Settings you can change the texts on the email and download links if you wish. The default texts are "Email as vCard" and "Download as vCard", respectively.

 

Download or forward Digital business card

Once you have inserted the Digital business card module and published your website, visitors will be able to download it in .vcf format or send it in an email.  

12_-Digital-business-card-p4.jpg

 

Here is what a vCard looks like when opened on a desktop computer:

13_-Digital-business-card-p5.jpg

Was this article helpful?
0 out of 0 found this helpful