Quote Blocks

With Qwilr you'll be able to add Quote Blocks to your proposals. These customizable price quotes give you the flexibility to present your pricing exactly as you need.

Quote Blocks can contain any or all of these elements:

You'll also be able to show or hide specific elements.

View a video version of this tutorial

In this article:

We'll be talking about the basics of creating quotes. For more advanced options, see the individual articles linked above.

Adding a Quote Block

To get started, add a new block to your Qwilr Page. Choose Quote.

The new block will contain a blank quote form, ready for you to add items. You'll always start off with 1 blank section and 1 blank line item (in Fixed Cost format). If you need to create groups of line items, you can also add more sections. Click any field to add text or numbers.

Adding, Managing, and Deleting Sections

In the quote block, sections help you present a group of products and/or services in an organized way. Depending on the quote, you might use just one section, or many. Sections come in particularly handy if you offer various packages.

Adding a new section

If you want to add a new section to your quote, click the  ✚ in the spot you want your section to appear. You can add a new section at the end of the quote, or between any two existing sections. 

Adding a new section name

In the header of each section, you'll see a field where you can enter the name of the section. If you highlight the text you've added, you'll also see an edit menu pop up. 

With it you'll be able to:

  • Bold your text
  • Italicize your text
  • Making your text an H2 header
  • Add a link to your text
  • Make the text an unordered or ordered list

Deleting a section

To delete an entire section, click on the heading of the section. A menu will pop up. Click the trash can icon to delete the section.

Adding and Managing Items

The "items" in your quote are line items. They generally take the form of an individual product or service and its price. Each section of your quote can contain as many items as you need.

Adding a line item

When you add a section to your quote, it will contain one line item by default. You can add more, choosing from these formats:

To add a line item at the bottom of a section, click the button for the type of line you need, and add a description and cost details.

You can also add an item between any two existing line items. Move your mouse to the spot where you'd like to place the item. When you hover over it, you'll see a ✚ icon pop up. Click on that and choose your item format.

If you want to move the item afterwards, click the line item settings icon, and use the 'up' and 'down' arrows.

Saving a line item

If you plan to use a line item again in the future, you can save it to your library. Then you can add it to any Quote Block in any project. To save any line item, click the item settings icon and choose  Add copy to library.

Adding a saved item to a quote

To use a saved item or to access your library, click the + to add a new line item, and choose Saved Item from the men.

From there you'll be taken to your saved item library. Click on the item(s) you want to insert into your quote. Then click the Add Items button in the top right corner.

Deleting Items

Deleting an item from your saved library

To delete an item from your library, hover over the name of an item. A trash icon can will pop up. Click it to delete the line item.

Deleting an item from a Quote

To delete a line item from a quote, click the item settings icon and choose Delete.

Showing or Hiding Elements

Within your Quote Block you can hide certain elements so they're not visible to your clients.

Item cost and quantity details

You can hide or show each column in the Quote Block. This allows you to display your quote in as much detail as you like. To hide or show any column, click on the icon next to the column heading. 

If you've decided to hide the Item and Quantity columns in your quote and need to edit them later, just click Show Column, make your changes, and then click Hide Column again.

When a column is hidden in the Quote Block, it won't be visible to your client. In this example, we've hidden the Item column.


Important: The total of the quote will stay the same even if the rate and/or cost details are hidden.

Quote Total and Section IDs

To hide (or show) the Quote total and Section IDs, click the Block Options icon (three dots) in the top left corner of the block. Click Display options. From there you'll be able to enable or disable the switches for Quote Total and Section IDs.

Discounts and Tax

If you've applied a discount or tax to your quote, you can choose to show it in your quote total or hide it. You'll find the setting in the Total section at the bottom of the quote.

Click the Options icon (three dots). You will have these options:

  • Show total discounts
  • Show tax totals
  • Show total excluding tax

Styling Your Quote Block

Using our Block Styles feature you'll be able to tweak the styles in your Quote Block. 

You'll have access to the standard block level controls, such as background color, text color, and more. 

However, there are also some special Quote Block contextual controls. Click on any section of your Quote and you'll see a menu pop up. This menu contains options to move your section up and down, or delete the section. It also contains the Style Superpower icon. Clicking on that opens up the options for styling quotes.

  • First, you can choose whether or not there is a card background. That fills the section heading with one of your brand colors, and changes the background behind your line items to white.  
  • You can also opt for no card background, and instead your quote block background color will show through. You'll see some limits on colors here, as Qwilr will disable any brand colors that wouldn't contrast well with the text, to keep the quote readable for your clients.
  • You can also choose to keep the card color, but change it to another color from your brand colors or complementary default colors. Again, the color options you see depend on what color is currently set for the block background.
  • You also have an option to set your highlight color. This is for small highlights such as when you've added a discount or made a line item optional.

Still need help? Contact Us Contact Us

Related Articles