Created
January 25, 2012 20:38
-
-
Save eLafo/1678576 to your computer and use it in GitHub Desktop.
YAML file for invoices help page
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
en: | |
help: | |
invoices: | |
add_payments: | |
content_html: > | |
<p> | |
The following page shows how to make a payment for an invoice using %{brand_name}. Foremost, you need to <a href="/login">sign in the application</a>. Once logged, click the 'INVOICES' button | |
of the header menu to access your invoice's list. You can access the payment box of any invoice by clicking its pending amount link, as shown below. | |
</p> | |
<p> | |
<img alt="Invoice list" src="/images/help/invoices/add_payments/invoice_list_add_payment.png"> | |
</p> | |
<p> | |
Note: the payment box is also accessible from the invoice detailed view. | |
</p> | |
<p> | |
<img alt="Detailed invoice footer" src="/images/help/invoices/add_payments/invoice_form_footer.png"> | |
</p> | |
<h2>Payment box</h2> | |
<p> | |
The payment box permits you to proceed two types of payments, partial ones or full ones. | |
By clicking the 'Full payment' button, the concerned invoice is then paid and a line is added to your payment history. | |
</p> | |
<p> | |
<img alt="Invoice's payment box" src="/images/help/invoices/add_payments/invoice_payment_box.png"> | |
</p> | |
<p> | |
If you want to make a partial payment, click the 'Partial payment' button. A small formulary will appear in the payment box, fill the amount and the date of the payment, then click the 'Payment update' button. A line will be added to your payment history. | |
</p> | |
header: | |
title: How do I make a partial or full payment? | |
description: How to make a partial or full payment for an invoice from %{brand_name} interface | |
title: How do I make a partial or full payment? | |
zones: | |
available: | |
- ES | |
- ES_53 | |
"ES": | |
content_html: > | |
<p> | |
This is a localized help content html for Spain | |
</p> | |
title: This is the title for Spain | |
"ES_53": | |
content_html: > | |
<p> | |
This is a localized help content html for the Canary Islands (Spain) | |
<p> | |
title: This is the title for the Canary Islands (Spain) | |
copy: | |
content_html: > | |
<p> | |
The following page shows how to copy an invoice using %{brand_name}. Foremost, you need to <a href="/login">sign in the application</a>. | |
Once logged, click the 'INVOICES' button of the header menu to access your invoice's list. By clicking the duplicated invoice icon shown below, you'll be redirected to the invoice creation page. | |
The new invoice will already be filled with data as it's a copy. | |
You can choose to add content, modify content or just create the invoice wihtout modifying any content. | |
To create the invoice, click on the 'Create Invoice' button located at the bottom right corner of the formulary. | |
</p> | |
<p> | |
<img alt="Invoice list" src="/images/help/invoices/copy/invoice_list_copy.png"> | |
</p> | |
<p> | |
Note: the duplicated invoice icon is also accessible from the invoice detailed view. | |
</p> | |
<p> | |
<img alt="Detailed invoice footer" src="/images/help/invoices/copy/invoice_icons_copy.png"> | |
</p> | |
header: | |
title: How do I copy an invoice? | |
description: How to copy an invoice from %{brand_name} interface | |
title: How do I copy an invoice? | |
delete: | |
content_html: > | |
<p> | |
The following page shows how to delete an invoice using %{brand_name}. Foremost, you need to <a href="/login">sign in the application</a>. Once logged, click the 'INVOICES' button | |
of the header menu to access your invoice's list. You can delete an invoice directly from this list by clicking the red dustbin icon, as shown below. | |
A 'Are you sure you want to delete?' confirmation message will be displayed. Click 'Ok' to confirm the procedure and permanently delete the concerned invoice. | |
</p> | |
<p> | |
<img alt="Invoice list" src="/images/help/invoices/delete/invoice_list_delete.png"> | |
</p> | |
<p> | |
Note: the dustbin icon is also accessible from the invoice detailed view. | |
</p> | |
<p> | |
<img alt="Invoice icons" src="/images/help/invoices/delete/invoice_icons_delete.png"> | |
</p> | |
header: | |
title: How do I delete an invoice? | |
description: How to delete an invoice from %{brand_name} interface | |
title: How do I delete an invoice? | |
delete_payments: | |
content_html: > | |
<p> | |
The following page shows how to delete a payment of an invoice using %{brand_name}. Foremost, you need to <a href="/login">sign in the application</a>. Once logged, click the 'INVOICES' button | |
of the header menu to access your invoice's list. You can access the payment box of any invoice by clicking its pending amount link, as shown below. | |
</p> | |
<p> | |
<img alt="Invoice list" src="/images/help/invoices/delete_payments/invoice_list_delete_payments.png"> | |
</p> | |
<p> | |
Note: the payment box is also accessible from the invoice detailed view. | |
</p> | |
<p> | |
<img alt="Detailed invoice footer" src="/images/help/invoices/delete_payments/invoice_form_footer.png"> | |
</p> | |
<h2>Payment box</h2> | |
<p> | |
The payment box permits you to proceed to partial and full payments. But it also displays the payment history of the concerned invoice. | |
</p> | |
<p> | |
<img alt="Invoice's payment box" src="/images/help/invoices/delete_payments/invoice_payment_history.png"> | |
</p> | |
<p> | |
You can easily delete a payment by clicking on its dustbin icon. A 'Are you sure you want to delete?' confirmation message will be displayed. Click 'Ok' to confirm the procedure and permanently delete the payment line. | |
</p> | |
header: | |
title: How do I delete a payment? | |
description: How to delete a payment of an invoice from %{brand_name} interface | |
title: How do I delete a payment? | |
edit: | |
content_html: > | |
<p> | |
The following page shows how to edit an invoice using %{brand_name}. Foremost, you need to <a href="/login">sign in the application</a>. Once logged, click the 'INVOICES' button | |
of the header menu to access your invoice's list. Click then on the pencil icon as shown below. | |
</p> | |
<p> | |
<img alt="Invoice list" src="/images/help/invoices/edit/invoice_list_edit.png"> | |
</p> | |
<p> | |
Note: the pencil icon is also accessible from the invoice detailed view. | |
</p> | |
<p> | |
<img alt="Invoice icons" src="/images/help/invoices/edit/invoice_icons_edit.png"> | |
</p> | |
<h2>Invoice number and date</h2> | |
<p> | |
These two data are located at the top left corner of the invoice form. | |
%{brand_name} adapts pretty well your numbering scheme. You can follow the default scheme %{brand_name} provides, or use your own scheme. | |
In this case, %{brand_name} will try to remember your scheme and generate the next invoice number alone. | |
Moreover, the 'Last invoices' link permits you to have a look at your last invoices numbers. | |
</p> | |
<p> | |
<img alt="Invoice's number and date" src="/images/help/invoices/edit/invoice_form_number_and_date.png"> | |
</p> | |
<p> | |
The invoice date is by default the day the invoice is created but if you want to, you can choose another date. | |
To do so, click on the date in order to make appear the calendar and being able to select the suitable date. | |
</p> | |
<h2>Personal data</h2> | |
<p> | |
The data of your company are located at the top right corner of the invoice form. | |
You can change these data by clicking on the 'Edit data' link. A frame will appear so you can modify the data via a formulary. Editing these data will only affect the invoice, the data won't be changed in your account. | |
</p> | |
<h2>Client data</h2> | |
<p> | |
The client data are located just below the invoice number and date. | |
</p> | |
<p> | |
<img alt="Client data frame" src="/images/help/invoices/edit/invoice_form_client.png"> | |
</p> | |
<p> | |
The drag-down menu permits you to select a client. If you do so, his data will automatically appear in the frame below. You can use the 'New client' link to open a popup and create a client if the client is not registered in your client's list. | |
The 'Edit data' link will open a frame and allow you to modify the data via formulary. Editing these data will only affect the invoice, the client data won't change. | |
</p> | |
<h2>Notes</h2> | |
<p> | |
The notes frame is located below your personal data. Modifying its content will only affect the invoice. | |
</p> | |
<h2>Invoice lines</h2> | |
<p> | |
As you update the invoice, it contains minimum one invoice line. You can modify it, delete it or add new lines but don't forget that you'll always need at least one line description to update the invoice. | |
Adding lines has never been that easier. Click on the 'Add line' link and simply fill the new line fields. | |
You can delete a line by clicking the dustbin icon. | |
</p> | |
<p> | |
<img alt="Invoice's lines" src="/images/help/invoices/edit/invoice_form_lines.png"> | |
</p> | |
<h2>Discount percentage and Taxes</h2> | |
<p> | |
The discount percentage is usually linked to the client. | |
You can choose to modify it or not but don't forget that modifying this data will only affect the invoice, the client data won't change. | |
If the client data doesn't contain any discount percentage, there's still time to add a ponctual one for the concerned invoice. | |
</p> | |
<p> | |
<img alt="Invoice's disccount percentage, taxes and total" src="/images/help/invoices/edit/invoice_form_total.png"> | |
</p> | |
<p> | |
The taxes are usually linked to your personal account. | |
You can add or remove taxes by clicking the respectives 'Add tax line' and dustbin links. This won't affect your account taxes configuration but only the concerned invoice. | |
</p> | |
<h2>The footer</h2> | |
<p> | |
The footer is usually linked to your personal account. | |
You can choose to modify it or not but modifying this data will only affect the invoice, your account data won't change. | |
If your account configuration doesn't contain any footer, there's still time to add a ponctual one for the concerned invoice. | |
</p> | |
<p> | |
<img alt="Invoice's footer" src="/images/help/invoices/edit/invoice_form_footer.png"> | |
</p> | |
<h2>Update the invoice</h2> | |
<p> | |
To update the invoice, click on the 'Update Invoice' button located at the bottom right corner of the formulary. | |
</p> | |
header: | |
title: How do I edit an invoice? | |
description: How to edit an invoice from %{brand_name} interface | |
title: How do I edit an invoice? | |
new: | |
content_html: > | |
<p> | |
The following page shows how to create an invoice using %{brand_name}. Foremost, you need to <a href="/login">sign in the application</a>. Once logged, click the 'INVOICES' button | |
of the header menu to access your invoice's list. Click then on the 'NEW INVOICE' button that you'll find at the top right corner of this list. Well done, you're about to create an invoice! | |
</p> | |
<h2>Invoice number and date</h2> | |
<p> | |
These two data are located at the top left corner of the invoice form. | |
%{brand_name} adapts pretty well your numbering scheme. You can follow the default scheme %{brand_name} provides, or use your own scheme. | |
In this case, %{brand_name} will try to remember your scheme and generate the next invoice number alone. | |
Moreover, the 'Last invoices' link permits you to have a look at your last invoices numbers. | |
</p> | |
<p> | |
<img alt="Invoice's number and date" src="/images/help/invoices/new/invoice_form_number_and_date.png"> | |
</p> | |
<p> | |
The invoice date is by default the day the invoice is created but if you want to, you can choose another date. | |
To do so, click on the date in order to make appear the calendar and being able to select the suitable date. | |
</p> | |
<h2>Personal data</h2> | |
<p> | |
The data of your company are located at the top right corner of the invoice form. They are basically the data you introduced in your account. | |
You can change these data by clicking on the 'Edit data' link. A frame will appear so you can modify the data via a formulary. Editing these data will only affect the invoice, the data won't be changed in your account. | |
</p> | |
<h2>Client data</h2> | |
<p> | |
The client data are located just below the invoice number and date. | |
</p> | |
<p> | |
<img alt="Client data frame" src="/images/help/invoices/new/invoice_form_client.png"> | |
</p> | |
<p> | |
The drag-down menu permits you to select a client. If you do so, his data will automatically appear in the frame below. You can use the 'New client' link to open a popup and create a client if the client is not registered in your client's list. | |
The 'Edit data' link will open a frame and allow you to modify the data via formulary. Editing these data will only affect the invoice, the client data won't change. | |
</p> | |
<h2>Notes</h2> | |
<p> | |
Notes are usually linked to the client. If you selected a client and if you filled the concerned field in its data, the note will appear in the frame located below your personal data. | |
You can choose to modify it or not but editing these data will only affect the invoice, the client data won't change. | |
If the client data doesn't contain any notes, there's still time to add a ponctual note for the concerned invoice. | |
</p> | |
<h2>Invoice lines</h2> | |
<p> | |
Adding lines to your invoice has never been that easier. Click on the 'Add line' link and simply fill the new line fields. | |
You can delete a line by clicking the red dustbin icon. | |
</p> | |
<p> | |
<img alt="Invoice's lines" src="/images/help/invoices/new/invoice_form_lines.png"> | |
</p> | |
<h2>Discount percentage and Taxes</h2> | |
<p> | |
The discount percentage is usually linked to the client. If you selected a client and if you filled the concerned field in its data, the discount percentage field will automatically appear. | |
You can choose to modify it or not but don't forget that modifying this data will only affect the invoice, the client data won't change. | |
If the client data doesn't contain any discount percentage, there's still time to add a ponctual one for the concerned invoice. | |
</p> | |
<p> | |
<img alt="Invoice's disccount percentage, taxes and total" src="/images/help/invoices/new/invoice_form_total.png"> | |
</p> | |
<p> | |
The taxes are usually linked to your personal account. If you defined taxes in your account, they will automatically appear in every invoice. | |
You can add or remove taxes by clicking the respectives 'Add tax line' and dustbin links. This won't affect your account taxes configuration but only the concerned invoice. | |
</p> | |
<h2>The footer</h2> | |
<p> | |
The footer is usually linked to your personal account. If you defined it in your account configuration, a default text will appear at the footer of your invoices. | |
You can choose to modify it or not but modifying this data will only affect the invoice, your account data won't change. | |
If your account configuration doesn't contain any footer, there's still time to add a ponctual one for the concerned invoice. | |
</p> | |
<p> | |
<img alt="Invoice's footer" src="/images/help/invoices/new/invoice_form_footer.png"> | |
</p> | |
<h2>Create the invoice</h2> | |
<p> | |
You only need a line description in order to create an invoice. | |
It means that you can create an empty invoice now and filling it later.<br/><br/> | |
To create the invoice, click on the 'Create Invoice' button located at the bottom right corner of the formulary. | |
</p> | |
header: | |
title: How do I create an invoice? | |
description: How to create an invoice from %{brand_name} interface | |
title: How do I create an invoice? | |
pdf: | |
content_html: > | |
<p> | |
The following page shows how to generate an invoice in PDF format using %{brand_name}. Foremost, you need to <a href="/login">sign in the application</a>. Once logged, click the 'INVOICES' button | |
of the header menu to access your invoice's list. You can generate an invoice in PDF format directly from this list by clicking the PDF icon, as shown below. | |
</p> | |
<p> | |
<img alt="Invoice list" src="/images/help/invoices/pdf/invoice_list_pdf.png"> | |
</p> | |
<p> | |
Note: the PDF icon is also accessible from the invoice detailed view. | |
</p> | |
<p> | |
<img alt="Invoice icons" src="/images/help/invoices/pdf/invoice_icons_pdf.png"> | |
</p> | |
header: | |
title: How do I generate an invoice in PDF format? | |
description: How to generate an invoice in PDF format from %{brand_name} interface | |
title: How do I generate an invoice in PDF format? | |
show: | |
content_html: > | |
<p> | |
The following page shows how to display an invoice using %{brand_name}. Foremost, you need to <a href="/login">sign in the application</a>. Once logged, click the 'INVOICES' button | |
of the header menu to access your invoice's list. Once done, you can display the details of an invoice by clicking its number or the its icon, as are showing the arrows below. | |
</p> | |
<p> | |
<img alt="Invoice list" src="/images/help/invoices/show/invoice_list_show.png"> | |
</p> | |
<h2>Read-only url</h2> | |
<p> | |
The read-only url is located at the top of the page. It permits you to give somebody a read-only access to the invoice. | |
This feature is really usefull to share your invoices with your accountant for example. A 'COPY LINK' button enables you to directly copy the url to your clipboard. </p> | |
<p> | |
<img alt="Invoice's read-only url" src="/images/help/invoices/show/invoice_readonly_url.png"> | |
</p> | |
<h2>Invoice's header</h2> | |
<p> | |
The header contains the invoice's number, the issue date, and the client and personal data you specified when you created the invoice. | |
Moreover, if you uploaded a logo in your account configuration, it will be displayed next to your personal data, as you can see below. | |
</p> | |
<p> | |
<img alt="Invoice's header" src="/images/help/invoices/show/invoice_header.png"> | |
</p> | |
<h2>Invoice's content</h2> | |
<p> | |
The content of your invoice is shown as below. The notes are located at the top of the invoices lines. | |
The lines, the discount percentage, the taxes and the total are displayed as you could see them when you created the invoice. As for the footer, it is displayed at the bottom of the invoice lines frame. | |
</p> | |
<p> | |
<img alt="Client data frame" src="/images/help/invoices/show/invoice_content.png"> | |
</p> | |
<p> | |
The pending amount of the invoice appears at the bottom of the invoice. You can access the payment history or make a partial or full payment by clicking the red link. | |
</p> | |
header: | |
title: How do I display an invoice? | |
description: How to display an invoice from %{brand_name} interface | |
title: How do I display an invoice? | |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment