undefined - Sales Quote Template Style Settings - illustration 06a6cdda-2e0c-4345-a3de-6be30f5393ad

Sales Quote Template Page Style Settings

This guide will explain the available settings to style your Sales Quote Templates.

First, edit one of your existing sales quote templates (or create a sale quote template from one of your existing sales quotes click here to learn how to create a sales quote template).

To edit an existing sales quote template, click on the Content Libraries menu on the Sales Quote Dashboard, and select the menu option Templates (as shown below).

QuoteCloud - Sales Quote, Sales Proposal and Contracts Software - Sales Quote Template Style Settings - illustration b2d16679-cdc0-432d-a608-3b7df79e4219

Click on the Edit button next to the corresponding sales quote template that you want to change.

QuoteCloud - Sales Quote, Sales Proposal and Contracts Software - Sales Quote Template Style Settings - illustration 81a64cf1-7a61-4b8f-b9ba-c285c99a337d

In the left side column (the section tabs), click on the first section on your sales quote (the Cover Page section, as shown in the screenshot below).

QuoteCloud - Sales Quote, Sales Proposal and Contracts Software - Sales Quote Template Style Settings - illustration 2e1b2392-bc5b-4ca2-8407-0a21ee7c74ae

There is a column of icons on the right-hand side of the page; these are the different types of settings available.

Cover Pages Settings

Click on the icon labelled Cover. You can also bring up these options by selecting ... More on the right-hand panel and clicking Cover Settings. 

The Cover option will allow you to set a default cover page image and adjust the styling of the information blocks on the cover page.

To select a cover page image, scroll through the available cover page images and click on the preferred default for this sales quote template.  If they choose, sales consultants can change the cover page from this default when they create sales quotes using this sales quote template.

If you want to add to the available cover page images, click here to learn how this is done.

QuoteCloud - Sales Quote, Sales Proposal and Contracts Software - Sales Quote Template Style Settings - illustration 7e07bf7a-d0a9-4a9c-85cb-ce972c639382

Next, click on the Preview Custom Layout option, as shown below.

QuoteCloud - Sales Quote, Sales Proposal and Contracts Software - Sales Quote Template Style Settings - illustration a15063b8-e463-42b7-99e8-035c31726239

Here you can customise the cover page the way you like it.

In this instance, we have selected the cogs on a row.

We now have options that we can modify of each section (as shown below).

QuoteCloud - Sales Quote, Sales Proposal and Contracts Software - Sales Quote Template Style Settings - illustration 8be556da-79fe-4fda-a278-694a981dc785

On each section, you can change margins, padding and borders to your desired settings.

You can change text, add data items, change colours and add images.

You can perform these actions anywhere you like on the entire cover page.

  • More detailed information here on adjusting fonts and colours.
  • More detailed information here on adjusting rows and columns.
  • More detailed information here on adjusting backgrounds and colours.
  • More detailed information here on adjusting margins and padding.
  • More detailed information here on adjusting background images.
  • More detailed information here on inserting text blocks.
  • More detailed information here on drag & dropping content blocks.
  • More detailed information here on inserting images.
  • More detailed information here on hiding content.

 

QuoteCloud - Sales Quote, Sales Proposal and Contracts Software - Sales Quote Template Style Settings - illustration c02350c4-4716-4a89-837d-7edec274c141

Now let's explore Page Settings, on the right of your page, click ... More and select Page Settings.

QuoteCloud - Sales Quote, Sales Proposal and Contracts Software - Sales Quote Template Style Settings - illustration 0c5c8aec-e8a3-4964-9ade-a7c9964b90b3

Here you can adjust the below page settings for your template:

  • Page Size
  • Orientation
  • Headings & Fonts
  • Content Spacing
  • Tabs
  • Table Settings
QuoteCloud - Sales Quote, Sales Proposal and Contracts Software - Sales Quote Template Style Settings - illustration ffabbdf1-53a6-4cf0-91e0-1b90dff121e8

Headings & Fonts

The Headings & Fonts section allows you to adjust the type of text content described by the label. Click on the section dropdown and you will see the available options displayed as shown below.

The available settings in text area are:

Border & Content Spacing - Section Heading only

Font - Select the font face for your text in sales quotes using this sales quote template.

Size - Select the font size for your text in sales quotes using this sales quote template.

Line Height - Adjust the line height you wish to use for the specific heading &/or body text.

Heading Case - This option allows you to specify if your headings will automatically be capitalised, uppercase, or none.

Font Colour - Use this colour selector to set the colour for body text.

Font Underline & Bold - Headings only

Paragraph Spacing - Body Text only

QuoteCloud - Sales Quote, Sales Proposal and Contracts Software - Sales Quote Template Style Settings - illustration 9988386a-d9c6-4cba-ba72-eeb7f24ed7ff

Content Settings

Content settings provide you the flexibility to adjust padding and margin spacings throughout your template layout, as well as column spacings. This is measured in px.

QuoteCloud - Sales Quote, Sales Proposal and Contracts Software - Sales Quote Template Style Settings - illustration 23c5b154-6ed7-4adf-9d73-cd3932e49136

Tab Style Setting

The Section Navigation Tabs allow the customer to skip to a section of interest rather than scrolling down the page, particularly useful if your sales quotes contain a lengthy amount of information. These are the tabs that appear on the left-hand side of the sales quote when a customer is viewing the quote in a web browser (not applicable to the PDF version of a sales quote). 

As shown below, there are five available tab styles; click on the check box of the tab style to use for this sales quote template.

QuoteCloud - Sales Quote, Sales Proposal and Contracts Software - Sales Quote Template Style Settings - illustration 0497276f-0729-40f5-96bf-2806c5a4d399

If you are unable to see the Tab Settings option on this screen, ensure that the Show Tabs toggle is on (displays green when active).

You will now be able to select Tab Settings to customise your template.

QuoteCloud - Sales Quote, Sales Proposal and Contracts Software - Sales Quote Template Style Settings - illustration 123d6071-fe2c-4d4d-bb03-bc5c8b9016c9

Table Settings

The final option in the Page Settings area for sales quote templates, is to set the look of the tables.

As shown below, there are six available table styles; click on the check box of the tab style to use for this sales quote template.

QuoteCloud - Sales Quote, Sales Proposal and Contracts Software - Sales Quote Template Style Settings - illustration bbabc4af-5b02-4ec5-9ac4-20fa273265ed

You are able to customise these table styles further by clicking on the grid icon to the right of your selected table style, then click on the pen icon.

Here you are given the option to specify a custom border, header text, header background, first column text, first column background colours, as well as alternative row and column background colours.

QuoteCloud - Sales Quote, Sales Proposal and Contracts Software - Sales Quote Template Style Settings - illustration 7d9a6d1c-9b33-4c70-adbc-f7d7cee2efb0

Ensure you remember to click Save to keep your sales quote template settings.

Related User Guide Topics