How to guide

This video explains how to access and use Webflow's front-end editor mode.

Key talking points:

• To access the editor: log into Webflow.com → Hover over the site project thumbnail's cog icon (Site Settings) → Click the Editor button in top right corner
• The editor interface features a bottom panel with tabs for Pages (website pages), Collections (databases), and Forms ("send us a message" form)
• Use the "Back to Live Site" or the "Edit site" buttons to toggling between editor and live site view.
• Use the "Publish" button to make edits go live to the website.

This video outlines limitations when using Webflow.

Key talking points:

• Staying in Editor Mode: although your account has full access, only use Editor Mode for content updates - please avoid Designer Mode.
• Why avoid Designer Mode: changes here can unexpectedly affect multiple pages due to shared structural elements, potentially breaking the website
• Known display issues: some elements (like the hero image on the homepage) may appear broken in Editor Mode due to custom scripts, but will display correctly on the live site
• Ask for help with: structural changes (like adding new sections), navigation menu updates, form modifications, and footer changes should be directed to the Atomix

This video explains how to edit Retirement Living pages in Webflow's Editor Mode.

Key talking points:

• Where to update:
  
  • You can navigate to retirement living page via Pages panel → Search "Retirement Living"
  • You can update page title and page description here OR
  • To update timeline data → go to Collections → "Retirement Livings"
  • Remember: Purple outline indicates collection-linked content
• Adding New Timeline Entries:
  • Open Retirement Livings collection → click "New retirement living"
  • Collection fields:
    • Name (for identification)
    • Slug (unique identifier used by Webflow - can be same as name)
    • Period (Title that displays on frontend)
    • Description (rich text/description field - for content)
    • Order (controls position of entry in timeline- lower numbers appear first)
• Description Field (Rich Text Editor) Features:
  
  • Format text (bold, links, bullet points)
  • Add images (captions recommended to help wesbite's search and improve SEO)
  • Add videos (YouTube/Vimeo URLs only)
• Publishing & Collection Entry Management:
  
  • For changes to appear on the live website, you will need to click the  "Publish" button at the right-hand corner of the editor panel. This is the blue button with the rocket ship icon
  • Within collections:
    • Use Draft to temporarily hide entries
    • Unpublish to remove entries from frontend immediately

This video explains how to update Residential Aged Care and Community Services pages in Webflow.

Key talking points:

• Two Collections per section:
  • Residential Aged Care
    • Collection 1 (Residential aged care locations): Controls main listing page and individual location details
    • Collection 2 (Residential aged care time stamps): Manages timeline entries for all locations
  • Community Services
    • Collection 1 (Community service locations): Controls main listing page and individual location details
    • Collection 2 (Community services time stamps): Manages timeline entries for all locations
• Please remember: same structure applies to both Residential Aged Care and Community Services sections - though each has their own pair of collections
• Editing Location Details (Collection 1):
  • Navigate to Locations collection
  • Each entry contains: Name, Establishment Period, Description
  • Order field not crucial - listings sort alphabetically
• Adding Timeline Events (Collection 2):
  • Navigate to relevant "timestamps" collection
  • Naming convention: Please add the location name at the beginning of the entry (e.g., "Leebrook 1953 master plan")
  • This will help you sort through all the entries, as all locations will share this collection to house their entires.
  • Required fields:
    • Name (for admin sorting)
    • Title (displays on frontend)
    • Period
    • Order (Important! controls timeline position)
    • Select correct location from dropdown (Important! This tells Webflow how to filter the entries to correspond to their respective locations.

This video explains how to update the entires for the "Our History" pages with timelines.

Key talking points:

• Understanding the website structure:
  • Eras: Top-level historical periods.
  • Sub-eras: Subdivisions of each era.
  • Timestamps: Specific years within sub-eras.
  • Timestamp Detail pages: Individual entries for each timestamp.
• Recommended content population strategy:
  • Start from the bottom and work upwards. Begin with Time Stamp Details, then link them to Time Stamps, then Sub-Eras, and finally Eras
• Adding Timestamp Detail entries:
  • Navigate to Time stamps details collection
  • Naming convention: Please add the timestamp year at the beginning of the entry (e.g., "1932 A charitable venture")
  • This will help you sort through all the entries, as all timestamps will share this collection to house their "timestamp detail" entires.
  • Required fields:
    • Name (for admin sorting)
    • Timeline image
    • Headline
    • Intro
    • Hide read more link (hide's the link to the timestamps detail page - there will still be a timestamp detail page that is discoverable via website search or a search engine like Google)
    • Full description (Important! this will be the content shown on the timestamp detail page)
    • Order (Important! controls timeline position).
    • Please note: the order number resets to 1 at the start of each timestamp entry. 
      • For example:
        • If the timestamp "1932" has two timestamp detail entries - entry 1 will be order # 1, entry 2 will be order # 2
        • Then, on the next timestamp "1933", the timestamp detail entries will start from order #1 again.
    • Select correct Era, Sub eras from dropdown (Important! this tells Webflow how to filter the entries to correspond to their respective Era and Sub-era
    • Select correct Era ref, Sub era ref, Timestamp ref from dropdown (Important! this helps admins sort through collection entries.
    • Please note: if additional entries are needed for the "ref" fields, please get in touch with Atomix

• Adding Timestamp entries:
  • Navigate to Time stamps collection
  • The steps to populate this collection are reasonably similar to "time stamp detail" shown above.
  • Short description field: please leave blank as this field is used for backend functionality and is not required for data collection.
  • Additional required field:
    • Time stamp details (Important! please add all the relevant timestamp detail entires to this field. This will help link those entires to this timestamp)

• Adding Sub-eras:
  • Navigate to Sub Eras collection
  • The steps to populate this collection are reasonably similar to "time stamp detail" shown above.
  • Additional required field:
    • Time stamps (Important! please add all the relevant timestamp entires to this field. This will help link those entires to this sub-era)

• Adding Eras:
  • Please get in touch the Atomix team prior to adding Eras as this will affect the structure and design of the homepage

This video explains how to add news articles to the news section located on the homepage.

Key talking points:

• Adding News entries:
  • Please note: this section is only intended to contain link offs to original articles located in the main Resthaven website.
  • Navigate to News collection
  • Required fields:
    • Name (same as original article)
    • Thumbnail (displays article image)
    • Description (limited to an 80 characters)
    • Link (link to )
    • Show (to display or hide article "card" in the news section)
    • Order (display order of each article "card" in the news section)