Tutorials / Tips & tricks / Exporting to PDF & PowerPoint
📝 Written ● Beginner

Exporting to PDF & PowerPoint

Master all export formats: HTML, PDF, PowerPoint, ZIP, and more — directly from the preview pane.

Export overview

LingCode supports multiple export formats. Choose based on how you'll use your design:

Accessing exports

1

Click the menu button

In the preview pane, look for the three-dots icon (⋮) at the top right. Click it to open the export menu.

2

Choose your format

Select from available options (varies based on your design type).

Export format guide

Download .html

Use for: Websites, hosting, embedding, source code

What you get: A single HTML file with all CSS and JavaScript embedded

Best for:

Tip: You can open the .html file directly in your browser (no server needed). Share the link or upload to any web host.

Export PDF

Use for: Documents, printing, sharing, archiving

What you get: A PDF snapshot of the entire design

Best for:

Tip: PDF preserves exact styling. What you see in preview is exactly what prints.

Export PPT (PowerPoint)

Use for: Presentations, investor meetings, slide decks

What you get: A .pptx file with each <section class="slide"> as a separate slide

How it works:

  1. LingCode looks for elements with class="slide"
  2. Each slide element becomes one PowerPoint slide
  3. All CSS/styling is preserved
  4. Open in PowerPoint, Google Slides, or Keynote

Best for:

Tip: Once in PowerPoint, you can add notes (visible only to presenter), animations, and transitions.

Download .zip

Use for: Multi-page sites with multiple files

What you get: A folder with all HTML pages, CSS, images, and assets

Best for:

Tip: Unzip, open index.html in your browser, and all links work. Ready to upload anywhere.

Step-by-step: Export PDF

  1. Finish your design in the preview
  2. Click the three-dots menu (⋮)
  3. Select "Export PDF"
  4. Your browser's download dialog appears
  5. Choose a name and location, click "Save"
  6. Your PDF is ready to share or print

Step-by-step: Export PowerPoint

  1. Generate or finish your pitch deck
  2. Make sure your design has <section class="slide"> elements (most pitch decks do automatically)
  3. Click the three-dots menu (⋮)
  4. Select "Export PPT"
  5. Your browser downloads a .pptx file
  6. Open in PowerPoint, Google Slides, or Keynote
  7. Each slide element is now a separate slide — add notes and present
Slide structure note: For PPT export to work, your design must have properly formed slide sections. Most LingCode templates use <section class="slide"> automatically. If exporting fails, check your HTML has this structure.

Best practices

For PDF export:

For PowerPoint export:

For HTML export:

Troubleshooting

Q: Export button is greyed out

A: Wait for the preview to fully load, then try again.

Q: PowerPoint export creates blank slides

A: Check your HTML has <section class="slide"> elements. If using custom HTML, you may need to add this class.

Q: PDF looks different from preview

A: Browsers and PDF renderers handle CSS slightly differently. Test with PDF export before finalizing.

Q: Can I edit the exported PowerPoint?

A: Yes. The .pptx is fully editable. Add text, change colors, reorder slides in PowerPoint normally.