Webpage Templates are the most powerful template type in SnapApp. They leverage the full capabilities of the Page Builder to create rich, responsive HTML content—ideal for newsletters, marketing emails, and complex customer communications.

Table of Contents

• Overview
• Configuration Workflow
• Phase 1: Create the Source Page
• Phase 2: Link to Template
• Customization and Personalization
• Usage in Actions

Overview

Unlike Text Templates, which are simple strings, Webpage Templates link directly to a SnapApp Page. This allowing you to: - Use a drag-and-drop designer or import custom HTML/CSS. - Modularize content with layout components. - Preview responsive designs across desktop and mobile.

Configuration Workflow

Creating a Webpage Template is a two-part process: first building the UI, then linking it to a template record.

Phase 1: Create the Source Page

1. Navigate to Settings > UX > Pages.
2. Click + Add New and provide a Name and Slug.
3. In the Page Builder:
   • Use components to design your layout.
   • Insert dynamic field markers (e.g., [[first_name]]) directly into text blocks.
   • (Optional) Use the Import tool to paste existing HTML/CSS code.
4. Click Publish to make the page available.

Phase 2: Link to Template

1. Navigate to Settings > UX > Templates.
2. Click + Add New.
3. Set Source to WebPage.
4. In the Page ID dropdown, select the page you created in Phase 1.
5. Set the Type (e.g., Email) and toggle Active to ON.
6. Click Save.

Customization and Personalization

Webpage Templates support standard SnapApp merge fields. When the template is processed, the system will scan the linked page’s content and replace markers with record data.

Usage in Actions

Webpage Templates are typically used in Email Actions. When triggered, the system renders the linked Page as an HTML body, performs data substitution, and sends the finalized email to the target recipient.

Thank you for following these steps to manage your Webpage Templates effectively. If you have any questions or need further assistance, please don’t hesitate to reach out to our support team. We’re here to help you make the most out of your SnapApp experience.

For support, email us at snapapp@bluevector.ai