Configuring your Confluence Page
When using export templates provided by K15t’s Template Library it is important to understand how the setup of the Confluence page can influence the final export result. This articles describes some of the things to consider.
Using Multi-Column Page Layouts
In Confluence it remains possible to define the structure of your page into multiple columns so that the layout so that the page is optimized for readability and visual impact.
You can create different layouts in Confluence after inserting a default layout using the Layouts tool (learn more), giving different parts of your page a different column configuration. Then, within the Scroll PDF Exporter Export Properties in the export template, you can then decide whether you wish to preserve the multi-column page layout, or not, in the generated PDF.
Page Properties
Using the Confluence Page Properties macro is a great way to further customize the content of your created PDF documents. By defining Page Property values on your Confluence page and then referencing them via Scroll PDF Exporter’s Page Property placeholder, users can easily define customized text placeholders in an export. The placeholders can be added to static pages, like a title page, or to the header and footer for a page. If you haven't worked with page properties before, you can learn more here.
What’s the Result? Check out the export result for our Letter Template or Quotation template which use Page Properties
Tips & Tricks
Use the Hidden Page Properties macro parameter to prevent the table being included in the content of your export
Avoid using a Header row for the table nested in the Page Properties macros on your Confluence page
Use the space home page fallback option in the placeholder options if you don’t want to always include the Page Property macro on the export root page (ie. the page where you generate the export from in Confluence)
Creating Confluence Page Templates
To ensure a standardized result for your page configuration and generated export, it is useful to make use of Confluence’s feature to define page templates. This can easily allow everyone in your organisation to create new pages in your instance based on a pre-defined template that works seamlessly with the Scroll PDF Exporter. You can learn more about setting up Confluence template here.
Template Library Examples
To aid the initial page setup process in Confluence, below we have provided the storage format for the pages that were used create some of the examples shown in the K15t Template Library.
Therefore, if you want to save time, you can simply copy the code for our page examples and paste into a new Confluence page using our free app, Storage Format Editor for Confluence
Professional Invoice Template
CODE
<ac:structured-macro ac:name="details" ac:schema-version="1" data-layout="default" ac:local-id="8dbc5975-1245-48cc-ab31-94092ea408f7" ac:macro-id="5409b4014cd2d276b6ca64ada911cbcb49a36f6cba4e725879e0761528108667">
<ac:parameter ac:name="hidden">true</ac:parameter>
<ac:rich-text-body>
<table data-table-width="760" data-layout="default" ac:local-id="28e5f354-da0d-4220-8d14-59415a7740e3">
<tbody>
<tr>
<td>
<p>customer-name</p>
</td>
<td>
<p>
<strong>Mr. John Smith</strong>
</p>
</td>
</tr>
<tr>
<td>
<p>customer-address</p>
</td>
<td>
<p>Tech Solutions Inc.<br />123 Maple St.<br />New Port, 13444 HC <br />USA</p>
</td>
</tr>
<tr>
<td>
<p>invoice-number</p>
</td>
<td>
<p>
<strong>12345-YY-2</strong>
</p>
</td>
</tr>
<tr>
<td>
<p>invoice-author</p>
</td>
<td>
<p>
<strong>Maggie Brown</strong>
</p>
</td>
</tr>
<tr>
<td>
<p>subtotal</p>
</td>
<td>
<p>$3560.00</p>
</td>
</tr>
<tr>
<td>
<p>tax</p>
</td>
<td>
<p>$356.00</p>
</td>
</tr>
<tr>
<td>
<p>total</p>
</td>
<td>
<p>
<strong>$3916.00</strong>
</p>
</td>
</tr>
<tr>
<td>
<p>due-date</p>
</td>
<td>
<p>30 April, 2024</p>
</td>
</tr>
</tbody>
</table>
</ac:rich-text-body>
</ac:structured-macro>
<table data-table-width="760" data-layout="default" ac:local-id="1aadfed5-f642-48c9-8626-dedf64426e5d">
<tbody>
<tr>
<th>
<p>
<strong>Description</strong>
</p>
</th>
<th>
<p>
<strong>No. of Licenses</strong>
</p>
</th>
<th>
<p>
<strong>Price per License</strong>
</p>
</th>
<th>
<p>
<strong>Total</strong>
</p>
</th>
</tr>
<tr>
<td>
<p>Wise App</p>
</td>
<td>
<p>10</p>
</td>
<td>
<p>$70</p>
</td>
<td>
<p>$700</p>
</td>
</tr>
<tr>
<td>
<p>Clever App</p>
</td>
<td>
<p>8</p>
</td>
<td>
<p>$45</p>
</td>
<td>
<p>$360</p>
</td>
</tr>
<tr>
<td>
<p>Smart App</p>
</td>
<td>
<p>25</p>
</td>
<td>
<p>$100</p>
</td>
<td>
<p>$2500</p>
</td>
</tr>
</tbody>
</table>
<p />Professional Letterhead Template
CODE
<ac:structured-macro ac:name="details" ac:schema-version="1" data-layout="default" ac:local-id="7d0b9abe-c818-4774-bfcf-3e40bbe1c29d" ac:macro-id="48d03a0d365a3ab69d72de1c61c3674776d73f65ac8ba6d207b4ae17921d8bf3">
<ac:parameter ac:name="hidden">true</ac:parameter>
<ac:rich-text-body>
<table data-table-width="760" data-layout="default" ac:local-id="726eafd1-6442-403f-98c9-4cea1c7f335e">
<tbody>
<tr>
<td>
<p>sign-off-greeting</p>
</td>
<td>
<p>Warm regards,</p>
</td>
</tr>
<tr>
<td>
<p>sender-name</p>
</td>
<td>
<p>Erika Garcia</p>
</td>
</tr>
<tr>
<td>
<p>sender-work-title</p>
</td>
<td>
<p>Executive Manager</p>
</td>
</tr>
<tr>
<td>
<p>sender-company</p>
</td>
<td>
<p>Good Software</p>
</td>
</tr>
<tr>
<td>
<p>recipient-full-name</p>
</td>
<td>
<p>Mr. John Smith</p>
</td>
</tr>
<tr>
<td>
<p>contact-email</p>
</td>
<td>
<p>egarcia@goodsoftware.com</p>
</td>
</tr>
<tr>
<td>
<p>recipient-company</p>
</td>
<td>
<p> Tech Solutions Inc.</p>
</td>
</tr>
<tr>
<td>
<p>recipient-address</p>
</td>
<td>
<p>1234 Maple Street <br />Springfield, Anytown <br />State of Liberty, USA <br />Zip Code: 54321</p>
</td>
</tr>
<tr>
<td>
<p>recipient-last-name</p>
</td>
<td>
<p>Mr. Smith</p>
</td>
</tr>
<tr>
<td>
<p>recipient-work-title</p>
</td>
<td>
<p>Senior Manager, Operations</p>
</td>
</tr>
<tr>
<td>
<p>greeting</p>
</td>
<td>
<p>Dear</p>
</td>
</tr>
<tr>
<td>
<p>sender-address</p>
</td>
<td>
<p>Mainstr. 123<br />12345, Stuttgart<br />Germany</p>
</td>
</tr>
<tr>
<td>
<p>Location</p>
</td>
<td>
<p>Stuttgart, Germany</p>
</td>
</tr>
</tbody>
</table>
</ac:rich-text-body>
</ac:structured-macro>
<p>I hope this letter finds you well. I am writing to express my sincere gratitude for your valuable contribution to our product, Wise App. As an Executive at Good Software, it brings me great pleasure to extend my thanks to you personally for your continuous support and feedback.</p>
<p>Your commitment to using Wise App and your willingness to share your thoughts and suggestions have been instrumental in the growth and improvement of our product. Your feedback has provided us with invaluable insights that have allowed us to enhance the user experience and develop new features that align more closely with our users' needs.</p>
<p>As we continue to innovate and evolve, we look forward to your ongoing support and collaboration. Together, we can create even more value for our users and drive positive change in the industry.</p>
<p>Once again, thank you for your invaluable contribution to Wise App. Your feedback is the cornerstone of our success, and we are grateful for the opportunity to serve you.</p>Efficient Contract Template
CODE
<ac:structured-macro ac:name="details" ac:schema-version="1" data-layout="default" ac:local-id="b3405d59-a59a-45e1-b88e-7085a6735577" ac:macro-id="2b57b802e948937eec9196121080b1086dda1a22665471023d2f65421f5d03f4">
<ac:parameter ac:name="hidden">true</ac:parameter>
<ac:rich-text-body>
<table data-table-width="760" data-layout="default" ac:local-id="39bc1606-e9fa-4e07-af16-0f05574262c9">
<tbody>
<tr>
<td>
<p>employee</p>
</td>
<td>
<p>John Doe</p>
</td>
</tr>
<tr>
<td>
<p>hired-by</p>
</td>
<td>
<p>Maggie Gutierrez</p>
</td>
</tr>
</tbody>
</table>
</ac:rich-text-body>
</ac:structured-macro>
<h1>Employment Contract</h1>
<p>This Agreement is made effective as of the 1st day of May, 2024, between: <strong>Good Software Inc.</strong> (hereinafter referred to as "Employer"), located at 123 Main Street, Cityville, State, 1234 54X, and <strong>John Doe</strong> (hereinafter referred to as "Employee"), residing at 456 Elm Street, Townsville, State, 1234 20Y.</p>
<p><strong>Position:</strong> Software Developer</p>
<p><strong>Team:</strong> Wise App</p>
<h2>Terms and Conditions</h2>
<h3>Probation Period</h3>
<p>The Employee will undergo a probationary period of 3 months, starting from the commencement of employment, during which either party may terminate the employment with one week's notice.</p>
<h3>Duration of Contract</h3>
<p>This contract shall be effective from the 1st day of May, 2024, and shall continue until terminated by either party in accordance with the terms herein.</p>
<h3>Working Hours</h3>
<p>The Employee's working hours shall be flexible, with a total of <strong>40 hours per week</strong>. However, the Employee agrees to coordinate their working hours with the needs of the team and participate in team rituals as required by the project and team leads. This may include but is not limited to stand-up meetings, sprint planning, and retrospectives. The Employee shall work closely with their team members and supervisors to ensure effective collaboration and timely completion of project tasks.</p>
<h3>Remote Work</h3>
<p>The Employee may be permitted to work remotely on a case-by-case basis, subject to approval by their supervisor. The terms and conditions for remote work, including communication protocols and expectations, shall be established by the Employer and communicated to the Employee as needed.</p>
<h3>Salary & Bonus</h3>
<p>The Employee shall receive a monthly salary of $5,000, payable on the last working day of each month via direct deposit. In addition to the base salary, the Employee shall be eligible for a performance-based bonus, to be determined by the Employer at the end of each fiscal year, based on individual and company performance metrics. The bonus amount and criteria for eligibility shall be communicated to the Employee at the discretion of the Employer.</p>
<h3>Benefits</h3>
<ol start="1">
<li>
<p><strong>Health Insurance: </strong>The Employer shall provide health insurance coverage for the Employee and their eligible dependents.</p>
</li>
<li>
<p><strong>Vacation Leave:</strong> The Employee shall be entitled to 15 days of paid vacation leave per year. </p>
</li>
<li>
<p><strong>Sick Leave:</strong> The Employee shall be entitled to 10 days of paid sick leave per year.</p>
</li>
<li>
<p><strong>Other Benefits: </strong>The Employee shall be eligible for any other benefits offered to full-time employees of Good Software Inc. as per company policy.</p>
</li>
<li>
<p><strong>Education Benefit:</strong> The Employee shall be eligible for an education benefit to invest in courses, workshops, or conventions related to their professional development. The specifics of this benefit, including reimbursement procedures and eligibility criteria, shall be communicated to the Employee by the Employer.</p>
</li>
<li>
<p><strong>Transport Bonus:</strong> The Employee shall receive a transport bonus to commute to the office using public transportation. The amount and distribution of this bonus shall be communicated to the Employee by the Employer.</p>
</li>
</ol>
<h3>Confidentiality</h3>
<p>During the term of employment and thereafter, the Employee shall not disclose any confidential information, including but not limited to proprietary software, trade secrets, or client information, to any third party.</p>
<h3>Intellectual Property</h3>
<p>Any intellectual property created by the Employee during the course of employment shall belong to Good Software Inc.</p>
<h3>Termination</h3>
<p>Either party may terminate this agreement with 2 weeks' notice in writing.</p>
<h3>Governing Law</h3>
<p>This agreement shall be governed by and construed in accordance with the laws of the State of California.</p>
<h3>Entire Agreement</h3>
<p>This agreement constitutes the entire understanding between the parties and supersedes all prior agreements and understandings, whether oral or written, relating to the subject matter herein.</p>
<p />
<p>IN WITNESS WHEREOF, the parties hereto have executed this Agreement as of the date first above written.</p>Competitor Battle Card Template
CODE
<ac:layout>
<ac:layout-section ac:type="fixed-width" ac:breakout-mode="default">
<ac:layout-cell>
<ac:structured-macro ac:name="details" ac:schema-version="1" data-layout="default" ac:local-id="b6c2b2eb-0670-4ae6-8620-e587a3d16799" ac:macro-id="39add208423f909fdc18bce09d723881cf7110cee7e3dd84edab781ff2d8a000">
<ac:parameter ac:name="hidden">true</ac:parameter>
<ac:rich-text-body>
<table data-table-width="760" data-layout="default" ac:local-id="939d6c91-b1ed-4953-803a-28493256446f">
<tbody>
<tr>
<td>
<p>product-name</p>
</td>
<td>
<h1>Scroll Viewport for Confluence Cloud</h1>
</td>
</tr>
<tr>
<td>
<p>logo</p>
</td>
<td>
<p />
<p />
<ac:image ac:align="center" ac:layout="center" ac:original-height="108" ac:original-width="348" ac:custom-width="true" ac:alt="VPRT_scroll-viewport-logo (1).svg" ac:width="208">
<ri:attachment ri:filename="VPRT_scroll-viewport-logo (1).svg" ri:version-at-save="1" />
</ac:image>
<p />
</td>
</tr>
<tr>
<td>
<p>product-overview</p>
</td>
<td>
<p><a href="https://marketplace.atlassian.com/apps/1211636/scroll-viewport-for-confluence?hosting=cloud&tab=overview">Scroll Viewport</a> transforms your documentation in Confluence into a searchable, easy to navigate help center that can be restricted or available publicly to users.</p>
</td>
</tr>
</tbody>
</table>
</ac:rich-text-body>
</ac:structured-macro>
</ac:layout-cell>
</ac:layout-section>
<ac:layout-section ac:type="two_equal" ac:breakout-mode="full-width">
<ac:layout-cell>
<ac:structured-macro ac:name="info" ac:schema-version="1" ac:macro-id="81747c0f-3ede-4eff-9c3c-9443486bbab0">
<ac:rich-text-body>
<h1>Key Features</h1>
<ul>
<li>
<p>A visual theme editor to customize and brand your site - no coding knowledge needed</p>
</li>
<li>
<p>Apply custom CSS or JS to extend customization</p>
</li>
<li>
<p>Include Open API-compliant documentation</p>
</li>
<li>
<p>Easily integrate with analytics tools and support systems</p>
</li>
<li>
<p>Embed in-app help into your app so users get the help they need without leaving your app.</p>
</li>
<li>
<p>Publish versioned, translated, and conditional content to your help center with <a href="https://marketplace.atlassian.com/apps/1217608/scroll-documents-for-confluence?hosting=cloud&tab=overview&utm_source=Atlassian%20Marketplace&utm_medium=k15t&utm_campaign=scroll-viewport-listing">Scroll Documents</a>.</p>
</li>
</ul>
</ac:rich-text-body>
</ac:structured-macro>
<ac:structured-macro ac:name="info" ac:schema-version="1" ac:macro-id="62531ac7-4fb9-41fd-bb5c-d4f9302247a5">
<ac:rich-text-body>
<h1>Target Customer</h1>
<p>Teams that want to publish their collective knowledge to a customized help site.</p>
</ac:rich-text-body>
</ac:structured-macro>
<ac:structured-macro ac:name="info" ac:schema-version="1" ac:macro-id="dd263727-f40a-43d0-8890-f5407fa6b83e">
<ac:rich-text-body>
<h1>Pricing</h1>
<ul>
<li>
<p>Flat fee (up to 10 users) at USD 20.00 per month</p>
</li>
<li>
<p>For 11-100 users: <strong>$2.25</strong> per user per month</p>
</li>
</ul>
</ac:rich-text-body>
</ac:structured-macro>
</ac:layout-cell>
<ac:layout-cell>
<ac:structured-macro ac:name="tip" ac:schema-version="1" ac:macro-id="3f3a1bac-44be-49b1-98ba-b1a0b672c699">
<ac:rich-text-body>
<h1>How We Win</h1>
<ul>
<li>
<p><strong>Fast and reliable static sites. </strong>Viewport sites are static sites that are deployed independent from Confluence. This means they are very quick to load and are available even if your Confluence isn’t.</p>
</li>
<li>
<p><strong>No coding knowledge needed</strong> - Viewport’s visual theme editor allows everyone to customize and brand a site regardless of web development skills.</p>
</li>
<li>
<p><strong>Beautiful Help Center Theme </strong>- Viewport’s out of the box theme ensure that any site looks great by default. Viewport is super simple and quick to implement.</p>
</li>
<li>
<p><strong>Advanced content management integrations</strong>. Viewport integrates with other Scroll apps to provide versioned, conditionalized and multi-language content for the site.</p>
</li>
</ul>
</ac:rich-text-body>
</ac:structured-macro>
<ac:structured-macro ac:name="tip" ac:schema-version="1" ac:macro-id="485599c6-96a6-43a8-9dc9-1c5f3b6c17a3">
<ac:rich-text-body>
<h1>Competitor Weaknesses</h1>
<ul>
<li>
<p><strong>No flexible authentication options</strong> - Competitor sites are public or, if login protection is possible, require an Atlassian account. Viewport offers SSO and a simple token login method.</p>
</li>
<li>
<p><strong>Low accessibility score</strong> - By default, competitor sites contain accessibility issues. Viewport sites on the other hand have been matched against WCAG.</p>
</li>
<li>
<p><strong>Low SEO score. </strong>Meta descriptions or options to adjust these are often missing in competitor tools, resulting in a lower SEO score.</p>
</li>
</ul>
</ac:rich-text-body>
</ac:structured-macro>
</ac:layout-cell>
</ac:layout-section>
<ac:layout-section ac:type="fixed-width" ac:breakout-mode="default">
<ac:layout-cell>
<ac:structured-macro ac:name="scroll-pagebreak" ac:schema-version="1" data-layout="default" ac:local-id="785bb018-0788-4b7d-b974-319c3df756a6" ac:macro-id="ec760be9-6a73-471b-99d6-88e3b55141a8" />
<h1>Feature comparison - Confluence based apps</h1>
<table data-table-width="1127" data-layout="default" ac:local-id="d329699b-b970-4c30-b96e-5bf04fff80c8">
<colgroup>
<col style="width: 202.0px;" />
<col style="width: 183.0px;" />
<col style="width: 184.0px;" />
<col style="width: 195.0px;" />
<col style="width: 186.0px;" />
<col style="width: 177.0px;" />
</colgroup>
<tbody>
<tr>
<th data-highlight-colour="#ffffff">
<p />
</th>
<th data-highlight-colour="#ffffff">
<p />
</th>
<th>
<p style="text-align: center;">
<strong>Scroll Viewport</strong>
</p>
</th>
<th>
<p style="text-align: center;">
<strong>Instant Websites</strong>
</p>
</th>
<th>
<p style="text-align: center;">
<strong>Content Exporter</strong>
</p>
</th>
<th>
<p style="text-align: center;">
<strong>Refined</strong>
</p>
</th>
</tr>
<tr>
<td data-highlight-colour="#f4f5f7" rowspan="4">
<p>
<strong>Configuration options</strong>
</p>
</td>
<td data-highlight-colour="#ffffff">
<p>
<ac:structured-macro ac:name="status" ac:schema-version="1" ac:macro-id="581b5409-7d48-4432-8d13-16475c3d5c22">
<ac:parameter ac:name="title">customizable look & feel</ac:parameter>
</ac:structured-macro>
</p>
</td>
<td data-highlight-colour="#ffffff">
<p style="text-align: center;">
<ac:emoticon ac:name="tick" ac:emoji-shortname=":check_mark:" ac:emoji-id="atlassian-check_mark" ac:emoji-fallback=":check_mark:" />
</p>
</td>
<td data-highlight-colour="#ffffff">
<p style="text-align: center;">
<ac:structured-macro ac:name="status" ac:schema-version="1" ac:macro-id="566465a6-438f-4471-b89b-3c09b4bc29f2">
<ac:parameter ac:name="title">only with custom code</ac:parameter>
<ac:parameter ac:name="colour">Yellow</ac:parameter>
</ac:structured-macro>
</p>
</td>
<td data-highlight-colour="#ffffff">
<p>
<ac:structured-macro ac:name="status" ac:schema-version="1" ac:macro-id="09d84102-6894-4eee-904c-e8ca7bd42ac5">
<ac:parameter ac:name="title">only with custom code</ac:parameter>
<ac:parameter ac:name="colour">Yellow</ac:parameter>
</ac:structured-macro>
</p>
</td>
<td data-highlight-colour="#ffffff">
<p style="text-align: center;">
<ac:emoticon ac:name="tick" ac:emoji-shortname=":check_mark:" ac:emoji-id="atlassian-check_mark" ac:emoji-fallback=":check_mark:" />
</p>
</td>
</tr>
<tr>
<td data-highlight-colour="#ffffff">
<p>
<ac:structured-macro ac:name="status" ac:schema-version="1" ac:macro-id="364fff46-0559-4fde-a663-99327e6b31bb">
<ac:parameter ac:name="title">custom domain</ac:parameter>
</ac:structured-macro>
</p>
</td>
<td data-highlight-colour="#ffffff">
<p style="text-align: center;">
<ac:emoticon ac:name="tick" ac:emoji-shortname=":check_mark:" ac:emoji-id="atlassian-check_mark" ac:emoji-fallback=":check_mark:" />
</p>
</td>
<td data-highlight-colour="#ffffff">
<p style="text-align: center;">
<ac:emoticon ac:name="tick" ac:emoji-shortname=":check_mark:" ac:emoji-id="atlassian-check_mark" ac:emoji-fallback=":check_mark:" />
</p>
</td>
<td data-highlight-colour="#ffffff">
<p style="text-align: center;">
<ac:emoticon ac:name="blue-star" ac:emoji-shortname=":x:" ac:emoji-id="274c" ac:emoji-fallback="❌" />
</p>
</td>
<td data-highlight-colour="#ffffff">
<p style="text-align: center;">
<ac:emoticon ac:name="tick" ac:emoji-shortname=":check_mark:" ac:emoji-id="atlassian-check_mark" ac:emoji-fallback=":check_mark:" />
</p>
</td>
</tr>
<tr>
<td data-highlight-colour="#ffffff">
<p>
<ac:structured-macro ac:name="status" ac:schema-version="1" ac:macro-id="d0f0060a-634e-40d8-b943-5ba72dc15ddc">
<ac:parameter ac:name="title">authentication</ac:parameter>
</ac:structured-macro>
</p>
</td>
<td data-highlight-colour="#ffffff">
<p style="text-align: center;">
<ac:emoticon ac:name="tick" ac:emoji-shortname=":check_mark:" ac:emoji-id="atlassian-check_mark" ac:emoji-fallback=":check_mark:" />
</p>
</td>
<td data-highlight-colour="#ffffff">
<p style="text-align: center;">
<ac:emoticon ac:name="blue-star" ac:emoji-shortname=":x:" ac:emoji-id="274c" ac:emoji-fallback="❌" />
</p>
</td>
<td data-highlight-colour="#ffffff">
<p style="text-align: center;">
<ac:emoticon ac:name="blue-star" ac:emoji-shortname=":x:" ac:emoji-id="274c" ac:emoji-fallback="❌" />
</p>
</td>
<td data-highlight-colour="#ffffff">
<p style="text-align: center;">
<ac:structured-macro ac:name="status" ac:schema-version="1" ac:macro-id="d05b06aa-385e-4a1b-95de-00061fe7b15c">
<ac:parameter ac:name="title">only through atlassian</ac:parameter>
<ac:parameter ac:name="colour">Yellow</ac:parameter>
</ac:structured-macro>
</p>
</td>
</tr>
<tr>
<td data-highlight-colour="#ffffff">
<p>
<ac:structured-macro ac:name="status" ac:schema-version="1" ac:macro-id="1e086d5d-e11f-441f-adaa-52e02627b93d">
<ac:parameter ac:name="title">redirects</ac:parameter>
</ac:structured-macro>
</p>
</td>
<td data-highlight-colour="#ffffff">
<p style="text-align: center;">
<ac:emoticon ac:name="tick" ac:emoji-shortname=":check_mark:" ac:emoji-id="atlassian-check_mark" ac:emoji-fallback=":check_mark:" />
</p>
</td>
<td data-highlight-colour="#ffffff">
<p style="text-align: center;">
<ac:emoticon ac:name="tick" ac:emoji-shortname=":check_mark:" ac:emoji-id="atlassian-check_mark" ac:emoji-fallback=":check_mark:" />
</p>
</td>
<td data-highlight-colour="#ffffff">
<p style="text-align: center;">
<ac:emoticon ac:name="blue-star" ac:emoji-shortname=":x:" ac:emoji-id="274c" ac:emoji-fallback="❌" />
</p>
</td>
<td data-highlight-colour="#ffffff">
<p style="text-align: center;">
<ac:emoticon ac:name="tick" ac:emoji-shortname=":check_mark:" ac:emoji-id="atlassian-check_mark" ac:emoji-fallback=":check_mark:" />
</p>
</td>
</tr>
<tr>
<td data-highlight-colour="#f4f5f7" rowspan="4">
<p>
<strong>Site delivery</strong>
</p>
</td>
<td data-highlight-colour="#ffffff">
<p>
<ac:structured-macro ac:name="status" ac:schema-version="1" ac:macro-id="0086e148-142b-4664-9a1c-ed9c2c66a51c">
<ac:parameter ac:name="title">mobile responsive</ac:parameter>
</ac:structured-macro>
</p>
</td>
<td data-highlight-colour="#ffffff">
<p style="text-align: center;">
<ac:emoticon ac:name="tick" ac:emoji-shortname=":check_mark:" ac:emoji-id="atlassian-check_mark" ac:emoji-fallback=":check_mark:" />
</p>
</td>
<td data-highlight-colour="#ffffff">
<p style="text-align: center;">
<ac:emoticon ac:name="tick" ac:emoji-shortname=":check_mark:" ac:emoji-id="atlassian-check_mark" ac:emoji-fallback=":check_mark:" />
</p>
</td>
<td data-highlight-colour="#ffffff">
<p style="text-align: center;">
<ac:emoticon ac:name="blue-star" ac:emoji-shortname=":x:" ac:emoji-id="274c" ac:emoji-fallback="❌" />
</p>
</td>
<td data-highlight-colour="#ffffff">
<p style="text-align: center;">
<ac:emoticon ac:name="tick" ac:emoji-shortname=":check_mark:" ac:emoji-id="atlassian-check_mark" ac:emoji-fallback=":check_mark:" />
</p>
</td>
</tr>
<tr>
<td data-highlight-colour="#ffffff">
<p>
<ac:structured-macro ac:name="status" ac:schema-version="1" ac:macro-id="b266edf2-117f-4aae-bc5b-80fd3fe4e732">
<ac:parameter ac:name="title">accessible</ac:parameter>
</ac:structured-macro>
</p>
</td>
<td data-highlight-colour="#ffffff">
<p style="text-align: center;">
<ac:emoticon ac:name="tick" ac:emoji-shortname=":check_mark:" ac:emoji-id="atlassian-check_mark" ac:emoji-fallback=":check_mark:" />
</p>
</td>
<td data-highlight-colour="#ffffff">
<p style="text-align: center;">
<ac:emoticon ac:name="tick" ac:emoji-shortname=":check_mark:" ac:emoji-id="atlassian-check_mark" ac:emoji-fallback=":check_mark:" />
</p>
</td>
<td data-highlight-colour="#ffffff">
<p style="text-align: center;">
<ac:emoticon ac:name="blue-star" ac:emoji-shortname=":x:" ac:emoji-id="274c" ac:emoji-fallback="❌" />
</p>
</td>
<td data-highlight-colour="#ffffff">
<p style="text-align: center;">
<ac:structured-macro ac:name="status" ac:schema-version="1" ac:macro-id="155a3b3a-9010-43b4-917b-1de2d2b96609">
<ac:parameter ac:name="title">lower score</ac:parameter>
<ac:parameter ac:name="colour">Yellow</ac:parameter>
</ac:structured-macro>
</p>
</td>
</tr>
<tr>
<td data-highlight-colour="#ffffff">
<p>
<ac:structured-macro ac:name="status" ac:schema-version="1" ac:macro-id="410a14c6-eac9-40f6-9ea9-aa05a540b117">
<ac:parameter ac:name="title">SEO OPTIMIZED</ac:parameter>
</ac:structured-macro>
</p>
</td>
<td data-highlight-colour="#ffffff">
<p style="text-align: center;">
<ac:emoticon ac:name="tick" ac:emoji-shortname=":check_mark:" ac:emoji-id="atlassian-check_mark" ac:emoji-fallback=":check_mark:" />
</p>
</td>
<td data-highlight-colour="#ffffff">
<p style="text-align: center;">
<ac:emoticon ac:name="tick" ac:emoji-shortname=":check_mark:" ac:emoji-id="atlassian-check_mark" ac:emoji-fallback=":check_mark:" />
</p>
</td>
<td data-highlight-colour="#ffffff">
<p style="text-align: center;">
<ac:emoticon ac:name="blue-star" ac:emoji-shortname=":x:" ac:emoji-id="274c" ac:emoji-fallback="❌" />
</p>
</td>
<td data-highlight-colour="#ffffff">
<p style="text-align: center;">
<ac:structured-macro ac:name="status" ac:schema-version="1" ac:macro-id="0bb9bf5b-265d-4c78-ac72-425ca2d7b33f">
<ac:parameter ac:name="title">lower score</ac:parameter>
<ac:parameter ac:name="colour">Yellow</ac:parameter>
</ac:structured-macro>
</p>
</td>
</tr>
<tr>
<td data-highlight-colour="#ffffff">
<p>
<ac:structured-macro ac:name="status" ac:schema-version="1" ac:macro-id="1c2dcecf-d76e-474b-a804-176a3fab0e93">
<ac:parameter ac:name="title">fast and reliable</ac:parameter>
</ac:structured-macro>
</p>
</td>
<td data-highlight-colour="#ffffff">
<p style="text-align: center;">
<ac:emoticon ac:name="tick" ac:emoji-shortname=":check_mark:" ac:emoji-id="atlassian-check_mark" ac:emoji-fallback=":check_mark:" />
</p>
</td>
<td data-highlight-colour="#ffffff">
<p style="text-align: center;">
<ac:emoticon ac:name="tick" ac:emoji-shortname=":check_mark:" ac:emoji-id="atlassian-check_mark" ac:emoji-fallback=":check_mark:" />
</p>
</td>
<td data-highlight-colour="#ffffff">
<p style="text-align: center;">
<ac:emoticon ac:name="tick" ac:emoji-shortname=":check_mark:" ac:emoji-id="atlassian-check_mark" ac:emoji-fallback=":check_mark:" />
</p>
</td>
<td data-highlight-colour="#ffffff">
<p style="text-align: center;">
<ac:emoticon ac:name="blue-star" ac:emoji-shortname=":x:" ac:emoji-id="274c" ac:emoji-fallback="❌" />
</p>
</td>
</tr>
<tr>
<td data-highlight-colour="#f4f5f7">
<p>
<strong>Reporting</strong>
</p>
</td>
<td data-highlight-colour="#ffffff">
<p>
<ac:structured-macro ac:name="status" ac:schema-version="1" ac:macro-id="0ba85b83-4b7f-492e-8b66-4d15f80337da">
<ac:parameter ac:name="title">site analytics</ac:parameter>
</ac:structured-macro>
</p>
</td>
<td data-highlight-colour="#ffffff">
<p style="text-align: center;">
<ac:emoticon ac:name="tick" ac:emoji-shortname=":check_mark:" ac:emoji-id="atlassian-check_mark" ac:emoji-fallback=":check_mark:" />
</p>
</td>
<td data-highlight-colour="#ffffff">
<p style="text-align: center;">
<ac:emoticon ac:name="tick" ac:emoji-shortname=":check_mark:" ac:emoji-id="atlassian-check_mark" ac:emoji-fallback=":check_mark:" />
</p>
</td>
<td data-highlight-colour="#ffffff">
<p style="text-align: center;">
<ac:emoticon ac:name="blue-star" ac:emoji-shortname=":x:" ac:emoji-id="274c" ac:emoji-fallback="❌" />
</p>
</td>
<td data-highlight-colour="#ffffff">
<p style="text-align: center;">
<ac:emoticon ac:name="tick" ac:emoji-shortname=":check_mark:" ac:emoji-id="atlassian-check_mark" ac:emoji-fallback=":check_mark:" />
</p>
</td>
</tr>
<tr>
<td data-highlight-colour="#f4f5f7" rowspan="3">
<p>
<strong>Advanced content management needs</strong>
</p>
</td>
<td data-highlight-colour="#ffffff">
<p>
<ac:structured-macro ac:name="status" ac:schema-version="1" ac:macro-id="f568c114-82b4-4437-bd6c-7a9fb28ab098">
<ac:parameter ac:name="title">multi-version</ac:parameter>
</ac:structured-macro>
</p>
</td>
<td data-highlight-colour="#ffffff">
<p style="text-align: center;">
<ac:emoticon ac:name="tick" ac:emoji-shortname=":check_mark:" ac:emoji-id="atlassian-check_mark" ac:emoji-fallback=":check_mark:" />
</p>
</td>
<td data-highlight-colour="#ffffff">
<p style="text-align: center;">
<ac:emoticon ac:name="blue-star" ac:emoji-shortname=":x:" ac:emoji-id="274c" ac:emoji-fallback="❌" />
</p>
</td>
<td data-highlight-colour="#ffffff">
<p style="text-align: center;">
<ac:emoticon ac:name="blue-star" ac:emoji-shortname=":x:" ac:emoji-id="274c" ac:emoji-fallback="❌" />
</p>
</td>
<td data-highlight-colour="#ffffff">
<p style="text-align: center;">
<ac:emoticon ac:name="blue-star" ac:emoji-shortname=":x:" ac:emoji-id="274c" ac:emoji-fallback="❌" />
</p>
</td>
</tr>
<tr>
<td data-highlight-colour="#ffffff">
<p>
<ac:structured-macro ac:name="status" ac:schema-version="1" ac:macro-id="35996a72-6071-4cb4-be07-832754fcb7ce">
<ac:parameter ac:name="title">multi-language</ac:parameter>
</ac:structured-macro>
</p>
</td>
<td data-highlight-colour="#ffffff">
<p style="text-align: center;">
<ac:emoticon ac:name="tick" ac:emoji-shortname=":check_mark:" ac:emoji-id="atlassian-check_mark" ac:emoji-fallback=":check_mark:" />
</p>
</td>
<td data-highlight-colour="#ffffff">
<p style="text-align: center;">
<ac:emoticon ac:name="blue-star" ac:emoji-shortname=":x:" ac:emoji-id="274c" ac:emoji-fallback="❌" />
</p>
</td>
<td data-highlight-colour="#ffffff">
<p style="text-align: center;">
<ac:emoticon ac:name="blue-star" ac:emoji-shortname=":x:" ac:emoji-id="274c" ac:emoji-fallback="❌" />
</p>
</td>
<td data-highlight-colour="#ffffff">
<p style="text-align: center;">
<ac:emoticon ac:name="blue-star" ac:emoji-shortname=":x:" ac:emoji-id="274c" ac:emoji-fallback="❌" />
</p>
</td>
</tr>
<tr>
<td data-highlight-colour="#ffffff">
<p>
<ac:structured-macro ac:name="status" ac:schema-version="1" ac:macro-id="97f77726-be61-4f43-bf84-be23092ccc4a">
<ac:parameter ac:name="title">conditionalized content</ac:parameter>
</ac:structured-macro>
</p>
</td>
<td data-highlight-colour="#ffffff">
<p style="text-align: center;">
<ac:emoticon ac:name="tick" ac:emoji-shortname=":check_mark:" ac:emoji-id="atlassian-check_mark" ac:emoji-fallback=":check_mark:" />
</p>
</td>
<td data-highlight-colour="#ffffff">
<p style="text-align: center;">
<ac:emoticon ac:name="blue-star" ac:emoji-shortname=":x:" ac:emoji-id="274c" ac:emoji-fallback="❌" />
</p>
</td>
<td data-highlight-colour="#ffffff">
<p style="text-align: center;">
<ac:emoticon ac:name="blue-star" ac:emoji-shortname=":x:" ac:emoji-id="274c" ac:emoji-fallback="❌" />
</p>
</td>
<td data-highlight-colour="#ffffff">
<p style="text-align: center;">
<ac:emoticon ac:name="blue-star" ac:emoji-shortname=":x:" ac:emoji-id="274c" ac:emoji-fallback="❌" />
</p>
</td>
</tr>
</tbody>
</table>
<hr />
<hr />
</ac:layout-cell>
</ac:layout-section>
<ac:layout-section ac:type="two_right_sidebar" ac:breakout-mode="full-width">
<ac:layout-cell>
<h1>Further Resources</h1>
<ac:structured-macro ac:name="tip" ac:schema-version="1" ac:macro-id="488927ff-67ac-461e-afd3-8825661b0c2a">
<ac:rich-text-body>
<h1>Customer Case Studies</h1>
<ul>
<li>
<p>
<a href="https://www.k15t.com/blog/2023/11/navigating-the-cloud-nagras-documentation-journey-with-confluence-and-the-scroll-apps">Navigating the Cloud: NAGRA’s Documentation Journey with Confluence and the Scroll Apps</a>
</p>
</li>
<li>
<p>
<a href="https://www.k15t.com/blog/2023/09/empowering-data-excellence-shinydocs-journey-with-the-scroll-apps-and-confluence">Empowering Data Excellence: Shinydocs' Journey with the Scroll Apps and Confluence</a>
</p>
</li>
<li>
<p>
<a href="https://www.k15t.com/blog/2024/01/tools-merge-teams-unite-emplifi-s-enablement-journey-with-confluence-and-the-scroll-apps">Tools Merge, Teams Unite: Emplifi's Enablement Journey with Confluence and the Scroll Apps</a>
</p>
</li>
<li>
<p>
<a href="https://help.k15t.com/scroll/example-help-centers">Example Help Centers from customers</a>
</p>
</li>
</ul>
<h1>FAQs</h1>
<p>
<a href="https://help.k15t.com/scroll-viewport/faqs">Scroll Viewport for Confluence Cloud: FAQs</a>
</p>
</ac:rich-text-body>
</ac:structured-macro>
</ac:layout-cell>
<ac:layout-cell>
<p />
<p />
<p />
<p />
<p />
<p />
<h2>Have more questions?</h2>
<p>Contact us: <a href="mailto:help@k15t.com">help@k15t.com</a> / <a href="https://k15t.jira.com/servicedesk/customer/portal/3">K15t Support</a></p>
</ac:layout-cell>
</ac:layout-section>
</ac:layout>Streamlined Sales Quote Invoice
CODE
<ac:structured-macro ac:name="details" ac:schema-version="1" data-layout="default" ac:local-id="8dbc5975-1245-48cc-ab31-94092ea408f7" ac:macro-id="5409b4014cd2d276b6ca64ada911cbcb49a36f6cba4e725879e0761528108667">
<ac:parameter ac:name="hidden">true</ac:parameter>
<ac:rich-text-body>
<table data-table-width="760" data-layout="default" ac:local-id="28e5f354-da0d-4220-8d14-59415a7740e3">
<tbody>
<tr>
<td>
<p>customer-name</p>
</td>
<td>
<p>
<strong>Mr. John Smith</strong>
</p>
</td>
</tr>
<tr>
<td>
<p>customer-address</p>
</td>
<td>
<p>Tech Solutions Inc.<br />123 Maple St.<br />New Port, 13444 HC <br />USA</p>
</td>
</tr>
<tr>
<td>
<p>quotation-number</p>
</td>
<td>
<p>
<strong>12345-XX-1</strong>
</p>
</td>
</tr>
<tr>
<td>
<p>quotation-author</p>
</td>
<td>
<p>
<strong>Maggie Brown</strong>
</p>
</td>
</tr>
<tr>
<td>
<p>subtotal</p>
</td>
<td>
<p>$1060.00</p>
</td>
</tr>
<tr>
<td>
<p>tax</p>
</td>
<td>
<p>$106.00</p>
</td>
</tr>
<tr>
<td>
<p>total</p>
</td>
<td>
<p>
<strong>$1106.00</strong>
</p>
</td>
</tr>
</tbody>
</table>
</ac:rich-text-body>
</ac:structured-macro>
<table data-table-width="760" data-layout="default" ac:local-id="1aadfed5-f642-48c9-8626-dedf64426e5d">
<tbody>
<tr>
<th>
<p>
<strong>Description</strong>
</p>
</th>
<th>
<p>
<strong>No. of Licenses</strong>
</p>
</th>
<th>
<p>
<strong>Price per License</strong>
</p>
</th>
</tr>
<tr>
<td>
<p>Wise App</p>
</td>
<td>
<p>10</p>
</td>
<td>
<p>$70</p>
</td>
</tr>
<tr>
<td>
<p>Clever App</p>
</td>
<td>
<p>8</p>
</td>
<td>
<p>$45</p>
</td>
</tr>
</tbody>
</table>
<p />Professional CV Template
CODE
<ac:layout>
<ac:layout-section ac:type="fixed-width" ac:breakout-mode="default">
<ac:layout-cell>
<ac:structured-macro ac:name="details" ac:schema-version="1" data-layout="default" ac:local-id="f2343af1-b8d8-45b7-a84c-4d3bd95b6a71" ac:macro-id="2b57b802e948937eec9196121080b1086dda1a22665471023d2f65421f5d03f4">
<ac:parameter ac:name="hidden">true</ac:parameter>
<ac:rich-text-body>
<table data-table-width="760" data-layout="default" ac:local-id="7d3f35d8-f4ed-4376-b68a-bc0fac515dd2">
<tbody>
<tr>
<td>
<p>work-position</p>
</td>
<td>
<p>Manager</p>
</td>
</tr>
<tr>
<td>
<p />
</td>
<td>
<p />
</td>
</tr>
</tbody>
</table>
</ac:rich-text-body>
</ac:structured-macro>
</ac:layout-cell>
</ac:layout-section>
<ac:layout-section ac:type="two_right_sidebar" ac:breakout-mode="default">
<ac:layout-cell>
<ac:image ac:align="left" ac:layout="wrap-left" ac:original-height="246" ac:original-width="246" ac:custom-width="true" ac:width="180">
<ri:attachment ri:filename="Manager_Maggie@2x.png" ri:version-at-save="2" />
</ac:image>
<p>Maggie is The Manager at GoodSoftware. She is in charge of accomplishing business goals set by executives; being in control; having visibility into her team’s processes; meeting deadlines; delivering quality; having metrics and measurability; satisfying the end user; and being recognized for success.</p>
<h2>Work Experience</h2>
<h3>Product Manager | GoodSoftware <em>(June 2019 - present)</em></h3>
<p>As a Product Manager at GoodSoftware, I am responsible for driving the success of our products, from conception to launch. I work closely with cross-functional teams to define product strategy, prioritize features, and ensure the delivery of high-quality products that meet customer needs.</p>
<p>
<strong>Key Responsibilities:</strong>
</p>
<ul>
<li>
<p>Define and communicate the product vision and strategy</p>
</li>
<li>
<p>Collaborate with engineering, design, and marketing teams to develop product roadmaps</p>
</li>
<li>
<p>Conduct market research and gather customer feedback to inform product decisions</p>
</li>
<li>
<p>Work with development teams to ensure timely and successful product releases</p>
</li>
<li>
<p>Analyze product performance and user feedback to drive continuous improvement</p>
</li>
</ul>
<h3>Tech Writer | OtherSoftware <em>(December 2016 - May 2019)</em></h3>
<p>I am a talented and detail-oriented Tech Writer who is responsible for creating high-quality technical documentation and content that effectively communicates complex information to our users.</p>
<p>
<strong>Key Responsibilities:</strong>
</p>
<ul>
<li>
<p>Write clear, concise, and accurate content for user guides, API documentation, and release notes</p>
</li>
<li>
<p>Conduct research and interviews with subject matter experts to gather technical information</p>
</li>
<li>
<p>Organize and maintain a comprehensive library of technical documentation</p>
</li>
<li>
<p>Ensure that all documentation complies with company standards and industry best practices</p>
</li>
<li>
<p>Review and edit existing documentation to improve clarity and usability</p>
</li>
<li>
<p>Stay up-to-date with industry trends and best practices in technical writing</p>
</li>
</ul>
</ac:layout-cell>
<ac:layout-cell>
<h2>Attributes & Business Skills</h2>
<ul>
<li>
<p>Strong communication and collaboration skills</p>
</li>
<li>
<p>Strategic thinking and problem-solving abilities</p>
</li>
<li>
<p>Experience in market research</p>
</li>
<li>
<p>Proficiency in defining product vision and strategy</p>
</li>
<li>
<p>Detail-oriented, focused on delivering high-quality products</p>
</li>
<li>
<p>Analytical mindset to analyze product performance</p>
</li>
</ul>
<p />
<h2>Education & Training</h2>
<ul>
<li>
<p>Bachelor's degree in Computer Science from University of Atlassian</p>
</li>
<li>
<p>Technical writing certification</p>
</li>
<li>
<p>Product management certification</p>
</li>
<li>
<p>Courses in market research and customer feedback gathering</p>
</li>
<li>
<p>Training in strategic thinking and problem-solving</p>
</li>
</ul>
</ac:layout-cell>
</ac:layout-section>
<ac:layout-section ac:type="fixed-width" ac:breakout-mode="default">
<ac:layout-cell>
<p />
<p />
</ac:layout-cell>
</ac:layout-section>
</ac:layout>