Appearance & Theming

How do I add or remove the 'X questions to go' message on the submit button?Can I add a progress bar to my form? Can I change or edit the color of the placeholder text?Can I change the font size of the multiple-choice question answers?Can I change the font size beyond just H1 and H2?Can I change the style of my pagination buttons?Can I change the transparency on my background video?Can I change transparency of the background image?Can I create my own theme and use it across all my forms?Can I edit my images?Can I fully customize the language and wording of forms, including the UI & buttons?Can I customize typography?Can I update the answer text font color? Can I remove the white background from my questions?Can I set the question background to transparent?Can I style the submit button on guided mode?How can I create auto-advance multi-step forms?Does Paperform support non-English character translations and RTL languages for forms?How big should my form icon be?How can I change color for the question fields in my form?How can I change the background color?How can I change the Active Color?How can I change the colors on my form?How do I add images to products?How do I add placeholder or help text to guide my customers?How do I change Address field wording to reflect how my country writes addresses?How do I change the fonts in my form?How do I put my questions side by side instead of one at a time?How do I remove the asterisk from required questions?How do I select a translation for a specific form?How do I hide the total price on the submit and next page buttons?How do I upload my Adobe Creative Cloud images to my form?How do I use my Adobe Creative Cloud colours on my form?How do I add a background image to my form?Can I add numbers to the page buttons?How do I add text to the pagination buttons?How do I change the submit button wording and styling?How do I add images to a form?Why are some font characters not displaying correctly on my form?What are Color 1, 2, 3, 4 in the Palette section of Theme?What can I do with custom CSS?Which fonts does Paperform support?What are the proper size and dimensions for the background image of a form?Can I align images or have multiple images on one line?Custom CSS Cheat SheetCustom CSS SelectorsGuided Mode OverviewTheme Overview

Want to show off your products? You can add images to Product fields to showcase them to your customers.

A Products field displaying images for Coffee Mug, Shallow Bowl, and Jar /w Lid products

To add images to products:

  1. Add a Products field to your form.

  2. Click the Configure (cogwheel) icon to the right of your Product question, then click the "Products" tab.

  3. Add your product names and details and click "Add Product +" on the left to add additional products.

  4. Select a product from the left that you want to add images to. Select a product from the left that you want to add images to and click "Add images +" in the Images section.

  5. Under the "Images" section of the product, click the "Add Images +" button to upload images for the product. You can upload multiple images to your products and re-order them. The first image will be used as the primary image for that product.

  6. (Optional) Under the "Appearance" tab, you can choose different layouts for your products to showcase your images.

Select between List, Card, and Gallery layouts on the Appearance tab

Image Guidelines

Product thumbnails are displayed with the following aspect ratios, depending on the layout:

  • List: 1:1
  • Card: 42:19
  • Gallery: 1:1

Images can be expanded by hovering over the thumbnail and clicking the icon that appears in the top right of the thumbnail. The expanded image will display in the same aspect ratio as the original image.

Editing your product images

After you've uploaded your product images, you can use the built-in image editor to adjust levels, crop, resize, or even add annotations to them. Hover over the image in the Products tab, then click the pencil icon to open the image editor.

Open the built-in image editor by hovering over the image thumbnail and clicking the pencil icon