Background Image

Recommended size: 1920x1080px

<% if (data.hero?.backgroundImage) { %> <% let heroImgSrc=data.hero.backgroundImage; if (heroImgSrc && !heroImgSrc.startsWith('http://') && !heroImgSrc.startsWith('https://')) { heroImgSrc=heroImgSrc.startsWith('/') ? heroImgSrc : '/' + heroImgSrc; } %>

<% } else { %>

Image preview

<% } %>

Title

Contact Cards

<% if (data.contactCards && data.contactCards.length> 0) { %> <% data.contactCards.forEach((card, index)=> { %> <% const iconSource=card.iconSource || (card.iconType && card.iconType.startsWith('/uploads/') ? 'image' : 'fontawesome' ); const isImageIcon=iconSource==='image' ; const faIconValue=!isImageIcon ? (card.iconType || '' ) : '' ; const imageIconValue=isImageIcon ? (card.iconType || '' ) : '' ; %>

Type

Title

Icon Type

data-index="<%= index %>" onchange="handleIconSourceChange(this)"> Font Awesome data-index="<%= index %>" onchange="handleIconSourceChange(this)"> Upload Image

Select Font Awesome Icon Choose a Font Awesome icon from the list

<% if (faIconValue) { %> <% } %>

Upload Icon Image

<% if (imageIconValue) { %>

<% } else { %> <% } %> Upload a custom icon image for this contact card

Content (one per line) Enter each content item on a new line

<% }); %> <% } %>

Map Settings

Marker Title

Location Enter address - map will be automatically shown

Google Map Embed URL Paste embed URL from Google Maps (Share -> Embed a map)

<% if (data.map?.embedUrl) { %>

Location: <%= data.map?.markerTitle || data.map?.location || 'Location' %>

<% } else if (data.map?.location && data.map?.coordinates?.lat && data.map?.coordinates?.lng) { %> <% var lat=data.map.coordinates.lat; var lng=data.map.coordinates.lng; var zoom=data.map.zoom || 15; var markerTitle=data.map.markerTitle || data.map.location; var zoomDelta={ 10: 0.1, 11: 0.05, 12: 0.025, 13: 0.0125, 14: 0.006, 15: 0.003, 16: 0.0015, 17: 0.00075, 18: 0.000375 }; var delta=zoomDelta[zoom] || 0.003; var latDelta=delta; var lngDelta=delta * 1.5; %>

📍 <%= markerTitle %>

<% } else { %> Enter location above to see map preview <% } %>

Form Settings

Section Label

Submit Button Text

Heading

Description

Form Fields

<% if (data.form?.fields && data.form.fields.length> 0) { %> <% data.form.fields.forEach((field, index)=> { %>

Label

Field Type

Placeholder

Required

Programme Name Internal name for the programme

<% }); %> <% } %>

Recent Submissions

<% if (locals.submissions && submissions.length> 0) { %> <% submissions.forEach(submission=> { %> <% }); %> <% } else { %> <% } %>

Date	Name	Email	Phone	Message	Status	Action
<%= new Date(submission.createdAt).toLocaleDateString() %> <%= new Date(submission.createdAt).toLocaleTimeString([], {hour: '2-digit' , minute:'2-digit'}) %>	<%= submission.name %>	<%= submission.email %>	<%= submission.phone \|\| '-' %>	<%= submission.message %>	<% let statusClass='bg-secondary' ; if(submission.status==='pending' ) statusClass='bg-warning text-dark' ; if(submission.status==='read' ) statusClass='bg-info text-dark' ; if(submission.status==='replied' ) statusClass='bg-success' ; if(submission.status==='archived' ) statusClass='bg-secondary' ; %> <%= submission.status %>
No submissions found

Showing last 50 submissions

<%= title %>

Contact Cards

Map Settings

Form Settings

Form Fields

Recent Submissions