Дерево страниц

Сравнение версий

Ключ

  • Эта строка добавлена.
  • Эта строка удалена.
  • Изменено форматирование.

You can customize change the appearance of your generated PDF invoices by customizing the default invoice PDF template using HTML, variables, filters, and blocks. If you have more than one brand, you can customize the default invoice template for each one. Customized invoice templates are not turned on by default; you will need to enable this feature. Using customized invoices appearance of each brand's generated invoices.

To change the appearance of your generated PDF invoices, you must first turn on the feature that enables you to customize your default invoice PDF templates. If you do customize your generated invoices appearance, it will impact performance when generating invoices.

 


Access the Add Invoice PDF Template Page
Якорь
Add Invoice PDF Template Page
Add Invoice PDF Template Page

  1. Select the brand you want to customize.
    Image Added
  2. From the Ubersmith Dashboard, click Settings.
    Image Added
    The Settings page appears.
  3. In the Global Settings - Your Company section, click Invoice PDF Template.
    Image Added
    The Invoice PDF Template page appears.
  4. In the Apply template to Invoice PDF Generation field, select Yes.
    Image Added

Update the Invoice PDF Template

  1. Make any necessary changes to the invoice PDF template HTML code as necessary. See Editing Tips for more information.
  2. Click Preview PDF to display the current changes.
    Any custom service modules or plugins will be included in your customized, generated invoice, but will not display in the preview.
  3. Click Save Changes.
    Image Added
Информация
titleNote

Once you have customized the appearance of your PDF invoices, they will display on the Invoices page.

Image Added


Editing Tips
Якорь
Editing Tips
Editing Tips

Предупреждение
titleImportant

Your customizations to the HTML code should be valid, and Ubersmith will display any errors on lines that are not valid.

Make any necessary changes to the invoice template HTML code as necessary.
  • An autocomplete tool is available. By pressing
the
  • the CTRL + space
keys
  •  keys. The autocomplete code that displays is relative to what you are currently editing. For example, if the context is HTML, a list of HTML tags displays so you can select it. If you typed {{ system, a list of variables, filters and blocks display.
 See Editing Tips for more information.
  • Click Preview PDF to display the current changes.
    Any custom service modules or plugins will be included in your customized, generated invoice, but will not display in the preview.
  • Click Save Changes.
  • Editing Tips ЯкорьEditing TipsEditing Tips
    •  
    • Variables are values related to Ubersmith’s general settings, invoice, client, custom client fields and filters. You can access a complete list of variables by clicking the here link. You can be include a variable by typing {{ variable_name }} in the editor.
    • Filters are functions you can apply to a variable, such as formatting the variable as a number. You can include a date filter by typing {{ date_variable_name | date }}
    • Blocks are main sections of an invoice, such as {{ block('service_items') }}. You can change the order blocks display on the invoice.

    Viewing the Default PDF Template

    You can copy all or parts of the default invoice PDF template or compare the default PDF template to your customized PDF template.

    1. Access the Invoice PDF Template page.
    2. Click View Default PDF Template.
      Image Added
      The Default Invoice PDF Template page appears.
    3. Click Cancel to close the window and return the Invoice PDF Template page.
      Image Added

    Enabling the Default Invoice PDF Template

    You can return your customized invoice PDF template back to the default invoice PDF template. If you return to the default, your customizations will be lost.

    1. Access the Invoice PDF Template page.
    2. Click Restore Default PDF Template.
      Image Added
      A confirmation message appears.
    3. Click Yes.


    панель
    borderColor#8181AA
    bgColor#FDFDFD
    titleColor#8181AA
    titleBGColor#2F304F
    borderStylesolid
    titleOn this page:

    On this page:

    Оглавление
    indent10px


    Related Topics 
    Якорь
    Related Topics
    Related Topics

     Managing Invoices

     



    Свойства страницы
    hiddentrue


    Document Stage
     

    Audience
     

    Author
     

    Reviewer
     

    Created Date
     

    Updated Date
     

    Version
     

    Links
     

    Graphics