Export as PDF
The Preview panel includes a built-in PDF export feature:Verify your template
Before exporting, check that:
- Your template renders correctly in the Preview panel
- All data is populated as expected
- There are no errors in the Problem Panel
Wait for generation
The button shows a loading state while the PDF is being generated. This may take a few seconds for complex templates.
PDF export settings
The PDF is generated with the following default settings:- Format: A4 paper size
- Orientation: Portrait
- Margins: 10mm on all sides
- Quality: High (98% JPEG quality for images)
- Scale: 2x for better text rendering
What’s included in the PDF
The exported PDF contains:- All rendered text from your template
- Formatting (headings, bold, italic, lists)
- Images embedded in the template
- Styled elements based on the preview rendering
The PDF export captures the visual rendering of your template. Interactive elements or conditional logic are not preserved - only the current rendered state.
View the HTML output
While there’s no direct HTML export button, you can access the HTML output:- Open your browser’s developer tools (F12 or right-click > Inspect)
- Navigate to the Preview panel content
- The rendered HTML is displayed in the DOM inspector
- Copy the HTML for use in other applications
Best practices for export
Preview before exporting
Preview before exporting
Always review the Preview panel carefully before generating a PDF:
- Check formatting and spacing
- Verify all data fields are populated correctly
- Look for any rendering issues
- Ensure images load properly
Test with sample data
Test with sample data
Before using real data, test your template with sample data to ensure the layout works correctly with different value lengths and types.
Consider page breaks
Consider page breaks
Long templates may span multiple pages. Preview how content flows across pages by checking the PDF after export.
Use appropriate styling
Use appropriate styling
Format your TemplateMark template with clear headings, proper spacing, and readable fonts. These will carry over to the PDF.
Troubleshooting PDF export
PDF generation fails
If the PDF doesn’t generate:- Check the browser console for error messages
- Ensure your template renders without errors in the Preview panel
- Try with a simpler template to isolate the issue
- Check that your browser allows downloads
PDF looks different from preview
If the PDF doesn’t match the preview:- Images: Ensure images are loaded and accessible
- Fonts: Some custom fonts may not render in PDF
- Colors: Check that your color scheme is PDF-compatible
- Layout: Complex CSS layouts may not translate perfectly to PDF
PDF is too large
If your PDF file is very large:- Optimize images in your template
- Reduce image quality if acceptable for your use case
- Consider splitting very long templates into multiple documents
Alternative export options
Copy and paste
For quick sharing, you can:- Select content in the Preview panel
- Copy it (Ctrl+C or Cmd+C)
- Paste into a word processor or email
Screenshot
For visual documentation:- Use your operating system’s screenshot tool
- Capture the Preview panel
- Save as an image
Share link instead
Consider using the Share feature instead of exporting:- Generate a shareable link
- Recipients can view the live, interactive template
- No need to send large PDF files
Custom filename
The PDF is always downloaded asagreement.pdf. To use a custom filename:
- Let the PDF download
- Rename the file in your file system
- Or check your browser’s download settings to prompt for filename
Print directly
Instead of downloading a PDF, you can print directly:- Open the Preview panel
- Use your browser’s print function (Ctrl+P or Cmd+P)
- Select “Save as PDF” or send to a physical printer
- Adjust print settings as needed
Direct printing gives you more control over page layout, margins, and other print-specific settings.
Next steps
Sharing templates
Share templates using shareable links
Creating templates
Learn to create templates from scratch