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:
- Variable Prices
- Optional items
- Client chosen quantities
- Different currencies
- Adding Custom Form Fields to your Accept Block
- Translating the Quote block
You'll also be able to show or hide specific elements.
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:
- Variable Based Item
- Fixed Cost Item
- Text Item with no pricing
- Saved Item from your library
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 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
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.