<%= title %>

Edit content displayed on Contact Us page

View Contact Us Page
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; } %> Background image preview <% } else { %>
Image preview
<% } %>
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 || '') : ''; %>
data-index="<%= index %>" onchange="handleIconSourceChange(this)"> data-index="<%= index %>" onchange="handleIconSourceChange(this)">
Choose a Font Awesome icon from the list
<% if (faIconValue) { %> <% } %>
<% if (imageIconValue) { %> Icon preview <% } else { %> <% } %> Upload a custom icon image for this contact card
Enter each content item on a new line
<% }); %> <% } %>
Map Settings
Enter address - map will be automatically shown
<% if (data.map?.location && data.map?.coordinates?.lat && data.map?.coordinates?.lng) { %> <% const lat = data.map.coordinates.lat; const lng = data.map.coordinates.lng; const zoom = data.map.zoom || 15; const markerTitle = data.map.markerTitle || data.map.location; // Calculate bbox for proper zoom - smaller bbox = more zoomed in const 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 }; const delta = zoomDelta[zoom] || 0.003; const latDelta = delta; const lngDelta = delta * 1.5; %>
📍 <%= markerTitle %>
<% } else { %> Enter location above to see map preview <% } %>
Form Settings
Form Fields
<% if (data.form?.fields && data.form.fields.length > 0) { %> <% data.form.fields.forEach((field, index) => { %>
>
Internal name for the programme
<% }); %> <% } %>