Integrate the form into the experience world

You can then integrate the forms you created into a world of experiences. See also https://docs.shopware.com/de/shopware-6-de/Inhalte/Erlebniswelten

Only publish an experience with a form 
if this form is completely configured 
and has the following points:

A form field must be set as email
A form field must be set as the subject
At least one form field (not an email or subject field) must be included

On the right you will find a new entry “Form Manager” and Form Manager Links in the block category.

Variant Form Manager

If you select this, a preview image will be displayed below. You can then place it on the experience world or stage by dragging and dropping it.

By clicking on the placed element, you can edit it by clicking on the gear

The following window opens. Then select the form you want to create

Variant Forms Manager Links

When you select this entry, a preview will appear below. You can then place them on the experience world or stage by dragging and dropping them.

By clicking on the placed element, you can edit it by clicking on the gear

Headline:

Heading to be displayed in the experience world

Description:

Description to be displayed in the experience world

Select the desired form:

Here you can select the form you want

Type of execution:

Modal:

With the modal, a modal or popup window opens with the form.

New window / link:

In this variant, the link to the form is executed

Open in a new window:

If you have selected "New window" under Type of execution, you can also set that when you click on the button, the form opens in a new window or browser tab.

Button type:

Here you can set the button style of the button.

See https://getbootstrap.com/docs/5.0/components/buttons/

Button size:

Size of the button, see https://getbootstrap.com/docs/5.0/components/buttons/ under Sizes

Button text (of the form)

Text of the button below the description

Vertical orientation

This setting determines how the elements should be placed within the CMS element.

Type of (form) heading:

Select your desired type of headline here.

You can select the following HTML elements:

H1, H2, H3, H4, H5, H6 or various.

See https://getbootstrap.com/docs/5.0/content/typography/#headings

Text alignment:

Choose whether the heading and description are displayed left-aligned, right-aligned or centered

Button alignment:

Choose whether the button is displayed left-aligned, right-aligned or centered

Title color:

Set the heading text color

Color of description:

Set the text color of the description Additional CSS class: Setting your own CSS class

Save the experience and clear the cache if necessary