Skip to main content
Happie Pingol
Community Manager
January 21, 2025

How do I use Design in Online Actions forms?

  • January 21, 2025
  • 2 replies
  • 167 views

The Design step in Online Actions forms allows you to create forms consistent with your organization's branding without needing technical skills. 

 

Step 1: Access the Design step 

  1. Create a new form or edit an existing one in Online Actions 

  1. Complete the Basics and Build Page steps 

  1. Click "Next" or select "Design" from the progress bar at the top 

  1. You'll now be in the Design interface where you can customize your form's appearance 

 

Step 2: Prepare your branding elements 

  1. Before making changes, have your organization's brand assets ready: 

  • Hex color codes for your brand colors 

  • Font preferences (from the available options) 

  • Logo and other image files 

This ensures consistency with your other communications 

 

Step 3: Customize your form's appearance 

  1. Select your preferred font from the dropdown menu 

  1. Choose colors for form elements: 

  • Header background color 

  • Body background color 

  • Button color 

  • Text colors 

  1. Upload your logo or other images as needed 

  1. Preview changes in real-time on the right side of the screen 

 

Step 4: Adjust mobile display settings 

  1. Click the mobile device icon in the preview pane 

  1. Review how your form will appear on mobile devices 

  1. Adjust to ensure good mobile experience 

  1. Toggle back to desktop view to continue editing 

 

Step 5: Save and apply your design 

  1. Click "Save" to store your design changes 

  1. Click "Next" to proceed to the Confirmation step 

  1. Complete the form setup and publish to make your designed form live 

  1. Your custom design will now be applied to your published form 

 

Not quite what you were searching for?

How do I use design in online actions forms? | How does use design in online actions forms work in EveryAction? | Why can't I use design in online actions forms? | Where do I use design in online actions forms in EveryAction? | What is use design in online actions forms in EveryAction? | How to use design in online actions forms? | Can I use design in online actions forms in EveryAction?

2 replies

Christian Franklyn
First Timer
July 21, 2026

Is there a way to add captions or subtext under a question to provide additional information for that question using the standard deign tools? Or would this need to be done with a custom CSS file. See attached image for an example of what I’m trying to do.

 

Paul Kittredge
Community Manager
July 21, 2026

Is there a way to add captions or subtext under a question to provide additional information for that question using the standard deign tools? Or would this need to be done with a custom CSS file.

 

Hey ​@Christian Franklyn!

No, there’s no way to achieve that with the standard design tools. You would indeed need to use custom CSS to pull that off. A good place to start would be with the “::before” pseudo-element.