Sampo
documentation

Contact form

General

In most sections of the theme, you can customize various settings to match your design needs. In the Contact Form section settings, you can:

  • Select a suitable color scheme.
  • Adjust text alignment

How to Create Form Elements

By adding custom field blocks, you can create the form.



In each custom field, you can:

  • Set the label text to be displayed in the field.
  • Choose the field type:
    • Short Text
    • Long Text
    • Phone Number
    • Number
    • URL
    • Date
    • Time
  • Select the field width: Full (100%) or Half (50%).
  • Define whether the field is required.

In the Email block (which is mandatory), you can define the label and field width.

Heading and Subheading

In the block settings, you can:

  • Define the heading text and select the HTML tag for the heading.
  • Choose sizes for desktop and mobile views, or use the default.
  • Adjust top and bottom margins.

Text

The Text block allows you to:

  • Add text content.
  • Select sizes for desktop and mobile views.
  • Adjust top and bottom margins.

Custom Spacing

By using the custom spacing block you can easily adjust the top padding, top margin and bottom padding of any section to suit your design needs.

Note: Values set in the custom spacing block will override those defined in the general theme settings, applying locally only to this specific section.

Steps

  1. Open the theme editor and select the section you want to edit.
  2. Click the section name to open its settings, then find and click "Add block."
  3. Select "Custom Spacing" and define padding top, margin top and padding bottom values for the section.
  4. The values you set will override the general settings in the theme.