Website Editor
Customise your competition site's content, branding, and layout using the built-in CMS editor.
The Website Editor is a visual content management system built into your Giveawayz dashboard. It lets you edit every section of your homepage, update your branding, manage blog posts, and control which sections are visible -- all without writing any code.
Accessing the Editor
Open your dashboard
Log in and navigate to your organisation's dashboard.
Open the Website Editor
Click Website Editor in the left-hand sidebar navigation. The editor opens with a live preview of your homepage alongside the editing controls.
The editor is divided into sections that correspond to the blocks on your homepage. Each section can be expanded to reveal its editable fields.
Editing Homepage Sections
Your homepage is composed of several content sections. Each section can be individually edited, reordered, or hidden. The available sections are:
Hero Section
The hero is the large banner area at the top of your homepage. It is the first thing visitors see and has the greatest impact on first impressions.
Editable fields:
- Headline — the main heading text (keep this short and compelling, ideally under 10 words)
- Subheading — supporting text beneath the headline (one to two sentences that explain your offering)
- Call-to-action text — the text displayed on the primary button (e.g., "View Competitions", "Enter Now")
- Call-to-action link — where the button navigates to (defaults to your competition listing)
- Background image — upload a hero image or use a solid colour from your brand palette
Hero best practice
Your hero headline should answer one question: "What can I win?" Lead with the prize, not your brand. For example, "Win a Brand New Tesla Model 3" is more effective than "Welcome to Our Competition Site".
Features Section
The features section showcases the key benefits of entering your competitions. It typically displays as a grid of cards, each with an icon, title, and short description.
Editable fields per feature card:
- Icon — select from a library of built-in icons
- Title — a short feature name (e.g., "Provably Fair", "Instant Payouts", "Free Entry Route")
- Description — one to two sentences explaining the feature
You can add, remove, or reorder feature cards. Most templates display 3-6 features optimally.
Stats Section
The stats section displays key metrics from your competition platform. These numbers update automatically based on your real competition data.
Editable fields:
- Stat labels — customise the text beneath each number (e.g., "Competitions Run", "Winners Drawn", "Happy Entrants")
- Display format — choose whether to show exact numbers or abbreviated values (e.g., "1,234" vs "1.2K")
Automatic data
The actual numbers in the stats section are pulled from your live competition data. You cannot manually set these values -- they reflect your real activity. You can only edit the labels and formatting.
Competition Grid
The competition grid automatically displays your active competitions. There are no content fields to edit in this section -- it pulls directly from your published competitions.
Configuration options:
- Layout — choose between a 2-column or 3-column grid
- Sort order — display competitions by newest first, ending soonest, or most popular
- Show sold-out competitions — toggle whether to display competitions with no remaining tickets
Branding
The branding settings apply globally across your entire site, regardless of which template you are using.
Logo
Upload your organisation's logo. The logo appears in the site header and footer. For best results:
- Use a PNG or SVG file with a transparent background
- Recommended dimensions: 200px wide minimum
- The editor will preview your logo at the size it will appear on your site
Colours
Customise three colour values that define your site's visual identity:
| Colour | Usage | |---|---| | Primary | Buttons, links, active states, and primary UI elements | | Secondary | Section backgrounds, hover states, card borders, and supporting elements | | Accent | Badges, countdown timers, urgency indicators, and special highlights |
Use the colour picker or enter a hex code directly. Changes preview in real time.
Colour contrast
Ensure your primary colour has sufficient contrast against both white and dark backgrounds. The editor will warn you if your chosen colours may cause accessibility issues.
Favicon
Upload a small square image (recommended 32x32px or 64x64px) that appears in the browser tab when visitors view your site. Use your logo mark or a simplified version of your brand icon.
Section Ordering and Visibility
You have full control over the order and visibility of each homepage section.
Reordering sections
Drag and drop sections in the editor sidebar to change their order on the page. The hero section is always fixed at the top, but all other sections can be rearranged freely.
Common effective orderings:
- Hero (fixed)
- Competition Grid — get visitors to your competitions immediately
- Stats — build credibility with real numbers
- Features — explain why your platform is trustworthy
- Blog/News — additional content for SEO and engagement
Visibility toggles
Each section has a visibility toggle (eye icon) that lets you show or hide it without deleting any content. This is useful for:
- Seasonal changes — hide a section temporarily and bring it back later
- A/B testing — toggle sections to see how they affect conversion rates
- Gradual launch — hide sections until you are ready to reveal them
Hidden sections retain all their content. Toggling them back on restores everything exactly as it was.
Blog Management
The Website Editor includes a built-in blog system for publishing articles, news, and updates on your competition site.
Creating a blog post
Navigate to the Blog section
In the Website Editor sidebar, click Blog.
Click New Post
Click the New Post button to open the post editor.
Write your content
Enter a title, write your content using the Markdown editor, and add a featured image. The editor supports full Markdown syntax including headings, bold, italic, links, images, and lists.
Set metadata
Choose a category for your post (e.g., Winners, News, Tips, Behind the Scenes) and write a short excerpt that appears in the blog listing.
Publish or save as draft
Click Publish to make the post live immediately, or Save Draft to continue editing later.
Blog categories
Organise your posts with categories to help visitors find content that interests them. You can create custom categories or use the defaults:
- Winners — winner announcements and stories
- News — platform updates and new competitions
- Tips — guides and advice for entrants
- Behind the Scenes — your brand story and team updates
Blog SEO
Each blog post automatically generates:
- A clean URL slug based on the title
- Open Graph meta tags for social sharing
- A structured sitemap entry for search engines
You can override the auto-generated slug and meta description in the post editor if needed.
Preview and Publish
All changes in the Website Editor are saved as drafts until you explicitly publish them.
Preview workflow
Make your changes
Edit any section, update branding, or reorder content.
Preview your changes
Click the Preview button at the top of the editor. This opens a preview of your site in a new tab, showing exactly how it will look to visitors. The preview is private and not visible to the public.
Review on mobile
Use the responsive preview toggle to check how your site looks on mobile, tablet, and desktop screen sizes.
Publish
When you are satisfied, click Publish to push all changes live. Your site updates within seconds.
Publish is immediate
Once you click Publish, changes are live on your site immediately. There is no staging environment. Always use Preview to check your changes before publishing.
Tips for Conversions
Making small adjustments to your homepage content can have a significant impact on ticket sales. Here are proven strategies to improve your conversion rate:
Hero section
- Lead with the prize — "Win a £50,000 Dream Car" converts better than "Welcome to Our Competitions"
- Use action-oriented CTAs — "Enter Now" and "View Prizes" outperform generic labels like "Learn More"
- Show the prize — use a high-quality image of the actual prize as your hero background
Competition grid
- Place it high on the page — the closer your competitions are to the top, the faster visitors can find them
- Sort by ending soonest — competitions ending soon create natural urgency
- Keep at least 2-3 active — a grid with multiple competitions signals an active, trustworthy platform
Features section
- Highlight trust signals — "Provably Fair Draws", "Stripe Secure Payments", and "Free Entry Route" build confidence
- Keep descriptions short — one sentence per feature card is ideal
- Use relevant icons — visual cues help visitors scan quickly
Stats section
- Enable it early — even small numbers ("12 Winners Drawn") are better than hiding the section entirely
- Customise labels — use labels that match your audience (e.g., "Funds Raised" for charity raffles instead of "Revenue Generated")
General
- Keep your branding consistent — use the same colours, logo, and tone across your homepage, competitions, and emails
- Update content regularly — a stale homepage signals inactivity. Refresh your hero section when launching new competitions
- Test different templates — try switching between templates to see which design resonates with your audience
Related
- Templates — choose and switch between homepage templates
- AI Tools — generate competition thumbnails and descriptions
- Creating a Competition — competitions that appear in your grid
- Analytics — track how homepage changes affect conversion rates
- Custom Domains — serve your edited site on your own domain (Enterprise)