Create Conference Website

This guide will help you create a professional conference website using PaperFox. You'll learn how to set up submissions, showcase your event, and provide attendees with all the essential information.

Getting Started

Step 1: Access the Website Builder

From your dashboard:

1. Go to your conference dashboard
2. Click the conference you want to manage
3. Click "Public Page Configuration" in the Conference Management section

Step 2: Choose Your Website Approach

PaperFox offers two approaches for your conference website:

Option A: Built-in Page Editor (Recommended)

• Best for: Most conferences
• Features: Drag-and-drop editor, rich content tools, integrated submissions
• Benefits: Easy to maintain, automatically handles submissions, mobile-optimized

Option B: External Website

• Best for: Conferences with existing websites
• Features: Link to your custom website
• Benefits: Complete design control, use existing infrastructure

If you choose Option B, you will not be able to use the built-in page editor.

---

Landing Page Customization

The Landing Page Customization card lets you configure your main conference homepage appearance.

Banner

Configure the visual header of your landing page:

• Size: Choose from Compact, Standard, or Full Screen
• Color: Select from 22 professional color themes with color swatches
• Image: Upload a custom banner image (optional). After uploading, you can reposition the focal point using the cropper dialog to ensure the most important part of your image stays visible at different screen sizes.

Navigation Bar

Control how the navigation appears on your site:

• Position: Choose where the navigation bar appears — "Above banner" or "Overlaid" on top of the banner. Full Screen banners require overlaid navigation.
• Logo: Upload your conference logo to display in the navigation bar
• Logo size: Choose Small, Medium, or Large (appears after uploading a logo)
• Full width navigation: Toggle to make the navigation bar span the full width of the page

Content

• Show conference description: Toggle whether to display your conference description on the landing page. Click "Edit →" to update the description in Conference Settings.

Click "Save Settings" to apply your changes.

---

Using the Page Editor

The Page Editor allows you to create and customize your conference pages.

System Pages (Built-in)

Your website includes four system pages that connect to core features:

System pages show a status badge indicating whether the feature is ready.

Creating Custom Pages

1. Click "Add New Page" in the Page Editor
2. The new page appears in your page list

3. Configure page-specific banner settings (Color, Size, Image)
4. Use the rich text editor to add content
5. Click "Save" to save your changes

Rich Content Editor

The built-in editor supports:

Text Formatting:

• Headers (H1–H3)
• Bold, italic, underline, strikethrough
• Bullet points, numbered lists, and checklists
• Text alignment (left, center, right, justify)
• Code blocks

Media Integration:

• Images: Upload and resize images
• Links: Add links to external websites and resources
• File Attachments: Upload PDFs, documents, and other files

Page Organization

• Drag and drop pages to reorder navigation
• Create submenus by dragging pages below other pages
• Maximum 5 main pages and 5 submenu items per section

Page Visibility

Control which pages appear in your navigation by clicking the visibility toggle (eye icon) on any page. Hidden pages are still accessible by direct URL, but won't appear in the menu.

This works for both custom pages and system pages.

Preview Your Changes

You can always preview your website by clicking "View Public Page" in the top right to see how your changes will look to visitors.

---

Export as Static Site

Export your conference website as a zip of static HTML files. The exported site works fully offline and can be uploaded to GitHub Pages, Netlify, or any static hosting as a permanent backup.

What Gets Exported

How to Export

1. Go to Conferences in the sidebar, then click on your conference
2. Click "Public Page Configuration" in the Conference Management section
3. Click the "Export Site" button in the top-right actions bar

4. A zip file will download automatically (e.g., dsw2027-static-site.zip)
5. Unzip and open index.html in your browser to view the site

Hosting Your Exported Site

GitHub Pages

1. Create a new GitHub repository
2. Upload all the exported files (HTML files + assets/ folder)
3. Go to Settings → Pages and set the source to the main branch
4. Your site will be live at https://username.github.io/repo-name

Netlify / Other Static Hosts

Simply drag and drop the unzipped folder into Netlify's deploy interface, or upload to any static file hosting service.