Header Design: Pace 1

Text With Person

CTA Section

Cards 2/3/4 Columns

Text With Person

One Pace design

Module: Text with Person.

This module is often used as an introduction to the page contents.

In this case, with the following settings:

Options: One Page design
Background color: #f5f5f5
Image Max Height: 600

This module works best with a picture of a person with a cutout background. The options Section Minimum Height and/or Image Max Height should be set for the module to work properly.

Text Only Section (with headings)

Self-describing, simple but versatile module

This module is a simple module for displaying a piece of text. This field accepts HTML.

Simple 70% Text - 30% Image

A simple but Versatile Module

This is the Inner Heading

This module is versatile and effective, making it suitable for frequent use. It can display information alongside a photo. In this case, we use the Heading, Subheading, and Inner Subheading fields. The Heading and Subheading are centered at the top of the module, while the Inner Subheading is left-aligned above the Text Content field.

The ideal image width for this module is 600px. Below the image, there is an option to add a Caption field. The image can also be linked.

If a link is needed below the text, it can be added using HTML. It should be an <a> tag with the class=“button-style-1″. Here is an example:

Here is a link to the Contact Form

Jobs Module

Displays Two columns of Content

This module was created for job offer purposes but can be used for other purposes due to its simplicity and versatility. Use it to display two pieces of information, creating variety in the page layout.

If you need to add a link below the text, you can do so using HTML. It should be an <a> tag with the class=“button-style-1″. Here is an example:

Here is a link to the Contact Form

This piece of content will appear on the right side on desktop and at the bottom on mobile devices. This field (as well as the on in the left) accepts HTML code and can be used to display images:

The ideal width of the image for this module is 600px.

Shortcode Section

Important Module

This module is very versatile and an important component for WLAC (Tools). This section is used to display text before the actual shortcode. HTML can be used here.

This module has some options in the main setup:

Background Image: Should be 1920px wide, as it stretches across the entire page width.
Background Color: If a background image is used, the background color will not be visible.

In the optional settings:

Heading/Subheading Settings: The heading can be set as an H1. This is relevant for SEO if the shortcode section is used without a header.
Has WLAC Shortcode: It is important to check this box if the shortcode section includes a WLAC shortcode to address issues with margins and paddings.

There are other options that are either deprecated or not relevant, and are only used in very specific cases.

[Here goes the Shortcode]

CTA Section

CTA (Call to Action) Section Module. This module is often used for promoting tools, Ratgeber, or linking to the contact form.

In this case:
Background Color: #f5f5f5,
Link: #wlac-contactform (link to the contact form in the footer).

The ideal image width for this module is 600px, as it is the maximum display width (responsive).

Link to Contact Form

Boxes 2/3/4/Flexible

This Module can Show any number of Icons with Text

This module can display an image or an SVG. SVGs work best.

With the layout options, it can display any number of elements effectively.

Besides layout options, there is also an option to display larger icons.

Font Awesome is a great source for icons. Click here to go to Font Awesome

Boxes 2/3/4/Flexible: Numbers

Number animate only once the module comes on stage

+1500

Prefixes can be added

Ca.4500

Animated numbers

500000

Animated numbers

Cards 2/3/4 Columns

Versatile Module, often used

Can show 2, 3 or 4 Columns

This module will be used frequently. As the name suggests, it can display 2, 3, or 4 columns, each with an image, text, and a link. In this case (and by default) 3 columns, with a heading, subheading, and a background color of #f5f5f5.

Contact Form

Ideal Image Width: 600px

The ideal image width for this module is 600px. The text length should ideally be consistent across all columns.
The link at the bottom of the columns is optional.
There's a new feature that makes the whole card clickable (optional)

The column nex to me has no Link

Info-Column with no Link

The layout for this module has been improved. The space for the title and text is no longer constrained. It doesn't matter any more how different in length the texts are; all the buttons are now at the bottom of the longer column.

Expandable Tabs (with images)

One Pace design

This is a Link

The Image nex to me has no Link

Sliding Rows

This module can be used to teaser content and tools.

An Animated Module

This module is perfect for alternating with the CTA module to add variety to the page. It includes the added feature of row animations, which provides a nice break from the page's monotony. However, it should not be overused!

This is a Link

Image and color

This module alternates colors between white and pace-primary-color on every row. The ideal image width for this module is 1300px.

Another Link

Attention:

Due to programming constraints, if this module is used more than once on the same page, options must be configured in the Optional Settings tab of the module. You will find more information there. The maximum number of instances on one page is five, though ideally, it should be used only once.

Vertical Tabs

Often used for FAQs

This module is often used for FAQs, as it can accommodate a lot of text without taking up too much space on the page.

This Field is called Content Heading

Here goes the actual Content of the Tab. This field accepts HTML code.

In case of needing a link below the text, we can add it using html. It should be an <a> tag with the class=“button-style-1″. Here is an example:

Here is a link to the Contact Form

The Ideal Width for an image in this Module would be 1300px.

nibh tincidunt at dolor, dolor, sollicitudin ante Lorem sollicitudin Nulla ullamcorper at ligula et elit. massa risus. risus. tristique. tincidunt In In ante lacinia consectetur ultricies massa ullamcorper vestibulum Maecenas tortor vel vel massa fringilla. ante dignissim vestibulum tortor Lorem libero elit. tellus venenatis Suspendisse Lorem ut auctor Lorem tellus tellus non fermentum dolor Nulla amet elit. luctus. elit. vestibulum vestibulum Maecenas ante et elit. diam, consectetur eu. tincidunt sit et tincidunt risus vitae lacinia. laoreet ligula dolor bibendum auctor

Horizontal Tabs

Similar to Vertical Tabs

This module is similar to Vertical Tabs, with the main difference being the layout.

This is the Content Heading

Here goes the actual content of the tab. This field accepts HTML code.

If you need to add a link below the text, you can do so using HTML. It should be an tag with the class=“button-style-1″. Here is an example:

Here is a link to the Contact Form

The ideal width for an image in this module is 1300px.

This module works best with shorter tab titles, such as numbers (e.g., #1, #2, #3) or letters (e.g., A, B, C). Avoid using long tab titles, especially if the number of tabs exceeds 4 or 5!

This is the Content Heading

Here goes the actual content of the tab. This field accepts HTML code.

If you need to add a link below the text, you can do so using HTML. It should be an tag with the class=“button-style-1″. Here is an example:

Here is a link to the Contact Form

The ideal width for an image in this module is 1300px.

This module works best with shorter tab titles, such as numbers (e.g., #1, #2, #3) or letters (e.g., A, B, C). Avoid using long tab titles, especially if the number of tabs exceeds 4 or 5!

Flowchart

A fancy Module

This is a Section

This module is typically used in Kaufberatung but can be utilized in various scenarios to display a list of information and add variety to the page layout.

This is a Link

Display a Journey

One common use is displaying a journey, where each section represents a step in the journey.

Image Size

The ideal image size for this module is 600px.

Options

If no image is chosen, a number will be displayed, corresponding to the section number. There are two display options: the newer One Pace and the older Pace1. For the older Pace1, the images must be square.

Header Design: Pace 1

Text With Person

Text Only Section (with headings)

Self-describing, simple but versatile module

Simple 70% Text - 30% Image

A simple but Versatile Module

Jobs Module

Displays Two columns of Content

Shortcode Section

Important Module

Boxes 2/3/4/Flexible

This Module can Show any number of Icons with Text

Boxes 2/3/4/Flexible: Numbers

Number animate only once the module comes on stage

Cards 2/3/4 Columns

Versatile Module, often used

Expandable Tabs (with images)

One Pace design

Sliding Rows

Vertical Tabs

Often used for FAQs

Horizontal Tabs

Similar to Vertical Tabs

This is the Content Heading

This is the Content Heading

Flowchart

A fancy Module

Bildarchiv

The Module for Image Galleries. Recommended image width: 1300px.

Kontakt

Wir beraten Sie gerne!

Klinger-Vogt Immobilien