This page serves as a guideline for main page templates and widget functionality on the website

Content

Page templates
Widgets

Page templates

1. Right-aligned donation form template 

Example: https://www.savethechildren.org.au/donate/appeals/childrens-emergency-fund
Required Assests:

• Banner Image: 1600 x 675px If the banner is light on the left-hand side, please darken it so the banner heading will be visible.
• Teaser image square: 584 x 584px
• Teaser image rectangle: 1000 x 650px
• Banner heading: No more than 3 words to name the donation page – to fit on one line.
• Banner sub heading: No more than 85 characters to give additional context – to fit on two lines max.
• Body heading: 90 characters to summarize the issue. Will ideally fit on 1 line, no more than 2 lines
• SEO checked body copy: Up to 250 words to explain how the donation helps. 
  NB: Please note that on mobile, this copy stacks before the donation form, so the longer 
  the copy the further down the donation form will be.
• Short url (if required)
• ATD code
• Array values(for appeals only) and default values with impact messages

2. Content rich side-by-side template

Example: https://www.savethechildren.org.au/donate/you-can-help-save-a-childs-life
Required Assests:

• Banner Image: 1600 x 675px If the banner is light on the left-hand side, please darken it so the banner heading will be visible.
• Teaser image square: 584 x 584px
• Teaser image rectangle: 1000 x 650px
• Banner heading: No more than 3 words to name the donation page – to fit on one line.
• Banner sub heading: No more than 85 characters to give additional context – to fit on two lines max.
• Body heading: 90 characters to summarize the issue. Will ideally fit on 1 line, no more than 2 lines
• SEO checked body copy: Up to 250 words to explain how the donation helps. 
• Short url (if required)
• ATD code
• Array values(for appeals only) and default values with impact messages
• All other copies and image requirements for the widget on the left side are the same as mentioned under the "Widget" section.

3. Hybrid donation form template

Example: https://www.savethechildren.org.au/donate/make-a-donation
Required Assests:

• ​Banner Image:  1600 x 1400px
• Teaser image square: 584 x 584px
• Teaser image rectangle: 1000 x 650px
• Body heading: ~8 words
• SEO checked body copy
• Short url (if required)
• ATD code
• Default values with impact messages

4. Donation thank you page template 

Example: https://www.savethechildren.org.au/thank-you/make-a-donation
These pages will be hidden from the website and search results and will only be visible after completing a donation.

Note: We can set up two different thank you pages for a donation page. one for single donations and one for RG donations.

Required Assests:

• Banner Image: 1600 x 675px
• Banner heading
• Body heading
• Body copy

5. eDM thank you page template 

Same template as donation Thank You page. These pages will be hidden from the website and search results and will only be visible via an eDM.

Required Assests:

• Banner Image: 1600 x 675px
• Banner heading
• Body heading
• Body copy

6. Petitions template

Example: https://www.savethechildren.org.au/petitions/child-marriage​ 
Required Assests:

• Banner Image: 1200 x 560px
• Body image: 300 x 300px
• SEO checked body copy

7. Annual report template

8. Media release template

9. General landing page template

Clcik on each link to see live examples. This template is used with using different widgets for Our stories, Programs, SEO and all other general webpages

Required Assests:

• Banner Image: 1600 x 675px If the banner is light on the left-hand side, please darken it so the banner heading will be visible.
• Teaser image square: 584 x 584px
• Body Images: 1000 x 650px
• Banner Heading
• Banner sub heading
• H2 heading (1st heading in the copy)
• SEO checked copy

2. Widgets

1. Banner widget

- This is a must on any pages (excluding Media Releases; use the 2nd header widget) on the website. Up to 5 anchor links (links within the same page) can also be used if there's a special requirement. Please note: our stories pages cant have anchor links on the banner
Image size: 1600 x 675px

2. Title header widget

3. Text Block

- Used to enter the body copy of a page.

This is a H2 heading

This  is H3 a heading

This  is H4 a heading

This is paragrap style that uses for body copy. "italic"  Text ^{[superscript*]} small text.

4. Pull Quote widget

5. Text Media widget

- This can be used to link to another page or to show an video. If there are more than one text media widgets, we swap the text and image as below. The background color of the first widget will be light grey, and the background color of the second widget will be white. If there are more than two widgets, the same order repeats.

Image size: 584X390 px
Word count: 50-60 words

6. Featurette image widget

7. Four colum widget

8. Feature Video

9. Gallery widget

10. CTA widget

12. Impact calculator

13. Donation banner

14. Click Dimension forms

We can add a Click Dimensions form to a webpage to collect details such as Names, email addresses, phone numbers, etc., with responses captured in DMP. Upon submitting the form, we can either send a confirmation email to the address provided by the user and redirect them to a thank-you page.

Please reach out to the Digital Engagement team to confirm which fields can be used.

Similarly, we can use surveys to collect feedback.

Example form: https://www.savethechildren.org.au/contact-us
Example Survey: https://www.savethechildren.org.au/surveys/supporter-survey-2024

15. Interactive map

16. Timeline widget 

17. Related pages

Used at the bottom of a page to include two other related pages
Images: Each page can use the same teaser image already exsist on the website.
Character limit: 200 for each summary.

18. Accordian 

The first item can be set to open or closed. Can have upto 12 items.