The Contact form block adds a shopper-submittable contact form to a section. You lay out its fields with nested contact field blocks and a Group block.
Contact form block
Updated last month
The Contact form block adds a shopper-submittable contact form to a section. It accepts nested contact field blocks — Email field, Text/phone field, Select field, Checkbox field, Message field, and Submit button — plus app blocks and a Group block to lay those fields out.
Settings
Setting | Description | Default |
|---|---|---|
Enable color scheme | Turns on the color scheme for the form. | Off |
Color scheme | The color scheme applied to the form. Only available when Enable color scheme is on. | Scheme 1 |
Content alignment on desktop / on mobile | Horizontal alignment of the form's content on each device. | Center |
Gap on desktop / Gap on mobile | Space between form fields on each device, from 0 to 34. | 6 (desktop) / 4 (mobile) |
Margin top (Desktop) / (Mobile) | Space above the block, from 0 to 34. | 0 |
Hide block on desktop / on mobile | Hides the block on the chosen device. | Off |
FAQ
What does the Pops Contact form block do?
Which field blocks can I add inside the Pops Contact form block?
The Contact form block accepts the Email field, Text/phone field, Select field, Checkbox field, Message field, and Submit button blocks, plus app blocks.
How do I apply a color scheme to the Pops contact form?
Turn on Enable color scheme, then choose the Color scheme you want to apply to the form. The color scheme setting is only available while Enable color scheme is on, and it defaults to Scheme 1.
How do I change the alignment and spacing of the Pops contact form?
Use Content alignment on desktop / on mobile to set the horizontal alignment of the form's content on each device (default Center), and Gap on desktop / Gap on mobile to set the space between fields from 0 to 34 (default 6 on desktop, 4 on mobile). Margin top (Desktop) / (Mobile) sets the space above the block from 0 to 34 (default 0).
Can I hide the Pops contact form on desktop or mobile only?
Yes. Turn on Hide block on desktop or Hide block on mobile to hide the block on the chosen device. Both default to Off.
Was this helpful?
Was this helpful?