Contact Info Shortcode

Updated on December 29, 2017

The contact info shortcode helps you display your contact details with information such as Name, Company name, Address, Phone and Fax number, Web and Email address, and Skype username.

To display the contact Info in Jupiter, you’ll need to add the contact info shortcode to a page and configure its settings.

To see the contact info shortcode in action, check out the demo page.

Contact Info shortcode - demo


Displaying Contact Info

To add the contact info shortcode to a page:

1Add a new page or edit an existing page.
2In the Visual Composer section, click on the + button.

Contact Info shortcode - visual composer section

3In the Add Element pop-up screen, search for Contact Info and click on it to be added to the page.

Contact Info shortcode - Add element

4When the shortcode is added, a new pop-up screen called Contact Info Settings will open that allows you to configure the shortcode settings. Fill out the necessary contact details.

Contact Info shortcode - Contact Info settings

5Click on Save Changes and publish or update the page to check the result.

Available Contact Details

There are a few settings in the contact info pop-up screen regarding the contact details.

Setting Description

Title Adds a title to the top of the contact details block.
Phone Adds a phone number(s). This field is not limited by any validator so you can display your phone number in any structure you wish, eg. (0090) or (+90). You can also add multiple phone numbers to this field.
Fax Adds a fax number(s). This field is not limited by any validator so you can display your Fax number in any structure as you wish,eg. (0090) or (+90). You can also add multiple fax numbers to this field.
Email Adds an email address as a link.
Address Adds a physical address.
Person Adds a person’s name.
Company Adds company name.
Skype Username Adds a Skype ID/username as a link.
Website Adds a website address as a link.

Modifying/Adding New Contact Detail Fields

By default, it is not possible to modify/add new details. If you are familiar with web development, you may override the shortcode in a child theme to reach the desired result.


Configuring the Design

This shortcode does not have any settings to configure the design. You can only add a custom CSS class and add your own custom CSS to customize the design. To learn more about adding a CSS class, read the Adding a custom CSS class article.

Did this answer your question?