{"id":10580,"date":"2026-05-13T14:31:38","date_gmt":"2026-05-13T14:31:38","guid":{"rendered":"https:\/\/www.hostinger.com\/support\/?p=10580"},"modified":"2026-05-13T14:31:38","modified_gmt":"2026-05-13T14:31:38","slug":"hostinger-horizons-how-to-create-printable-and-well-formatted-pdfs","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/support\/hostinger-horizons-how-to-create-printable-and-well-formatted-pdfs\/","title":{"rendered":"Hostinger Horizons: how to create printable and well-formatted PDFs"},"content":{"rendered":"

Hostinger Horizons does not include a native export-to-PDF button. Instead, you can add PDF generation and print-friendly layouts to your web application through AI prompting. Hostinger Horizons generates the necessary code based on your description, giving you full control over the content, appearance, and triggers of your PDF.<\/p>

Method 1: Add a Download as PDF button<\/h3>

This method generates a downloadable PDF file directly from your web application. It is the best option for invoices, certificates, reports, and booking confirmations.<\/p>

    \n
  1. Open your <\/span>Hostinger Horizons<\/span><\/b> project.<\/span><\/li>\n
  2. In the chat prompt field, describe the PDF feature you need. Include specific details regarding content, layout, and branding.
    \nExample:<\/span><\/b> “Add a <\/em><\/span>Download as PDF<\/span><\/b><\/em> button to the invoice page. The PDF must include the customer name, list of services, subtotal, taxes, and total amount. Use the company logo at the top and keep the layout clean.<\/em>“<\/span><\/li>\n
  3. Review the result in the preview panel and test the button.
    \n\"\"<\/li>\n
  4. If the output requires adjustments, send a follow-up prompt describing the exact change.
    \nExample<\/strong>: “The PDF is cutting off the table on the right side. Adjust the layout so all columns fit within an A4 page width.<\/em>“<\/li>\n
  5. Once the result is correct, click <\/span>Publish<\/span><\/b> to push the changes to your live application.\n

    \"\" <\/p><\/span><\/li>\n<\/ol>

    Method 2: Create a print-friendly layout<\/h3>

    You can optimize an existing page so it prints cleanly using a browser’s built-in print function. This is ideal if you do not need a downloadable file but want users to print a page directly.<\/p>

      \n
    1. In the Hostinger Horizons<\/strong> chat, enter a prompt to optimize the page for printing.
      \nExample:<\/span><\/b> “Optimize this page for printing. Hide the navigation bar, sidebar, and all buttons when the page is printed. Ensure the content fits on a standard A4 page with appropriate margins.<\/em>” <\/span><\/span><\/li>\n
    2. Once the changes are applied, you can use the browser’s print function (Ctrl+P<\/strong> on Windows or Cmd+P<\/strong> on macOS) and choose Save as PDF.
      \n\"\"
      \n<\/strong><\/li>\n<\/ol>

      How to make your PDF well-formatted<\/h3>

      The quality of your PDF output depends on how specific your prompt is. Follow these guidelines to refine the output:<\/p>

        \n
      • Specify page size and margins:<\/strong> Always mention the page format, such as A4, and define margins in pixels (px) to ensure it fits standard paper.<\/li>\n
      • Define visibility:<\/strong> Explicitly list elements to hide, such as navigation menus or action buttons, to keep the document professional.<\/li>\n
      • Control typography:<\/strong> Specify font families and sizes. Recommended sizes are 18px–24px for headings and 12px–16px for body text.<\/li>\n
      • Manage tables:<\/strong> Request that tables fit within the page width and allow them to continue on a second page without cutting off rows.<\/li>\n
      • Avoid dynamic elements:<\/strong> Ask Hostinger Horizons to replace interactive charts or maps with static images for the PDF version.<\/li>\n
      • Test in a new tab:<\/strong> Before publishing, open your app in a new browser tab rather than the preview iframe, as some features behave differently in a live environment.<\/li>\n<\/ul>

        By following these steps, you can provide your users with professional, printable documents directly from your web app. This enhances the utility of your project and ensures a seamless experience for your customers.<\/p>\n","protected":false},"excerpt":{"rendered":"

        Learn to generate and format custom PDFs in Hostinger Horizons using AI prompts<\/p>\n","protected":false},"author":591,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"include_on_kodee":true,"footnotes":""},"categories":[293],"tags":[],"class_list":["post-10580","post","type-post","status-publish","format-standard","hentry","category-hostinger-horizons"],"hreflangs":[],"include_on_kodee":true,"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/10580","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/users\/591"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/comments?post=10580"}],"version-history":[{"count":3,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/10580\/revisions"}],"predecessor-version":[{"id":10870,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/10580\/revisions\/10870"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/media?parent=10580"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/categories?post=10580"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/tags?post=10580"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}