Website Settings

Customize your Zinifly website's appearance, branding, colors, typography, and SEO settings to create a unique and professional online presence for your events and marketplace.

Logo & Branding Setup

Your logo and branding elements are the first things visitors see and help establish your event's identity. Proper setup ensures consistent branding across all platforms.

1

Upload Your Logo

Navigate to Settings > Website > Branding and upload your logo. For best results, use PNG format with transparent background, minimum 300px wide, and under 500KB file size.

2

Configure Logo Display

Set logo positioning (left, center, right), size constraints, and specify alternative text for accessibility. Test appearance on both desktop and mobile devices.

3

Add Favicon

Upload a favicon (small icon that appears in browser tabs). Use 32x32px or 64x64px ICO or PNG format for optimal browser compatibility.

4

Preview and Test

Use the preview function to see how your logo appears across different page templates. Check mobile responsiveness and print layouts if applicable.

Logo Best Practices
  • File Format: PNG with transparent background preferred, SVG for scalability
  • Dimensions: Minimum 300px width, maintain aspect ratio for different sizes
  • File Size: Keep under 500KB for fast loading, optimize images before upload
  • Color Modes: Provide both light and dark versions if your site uses multiple themes
  • Simplicity: Ensure logo remains clear and readable at small sizes

Desktop Logo Display

Primary logo for desktop and tablet viewing.

  • Recommended Size: 200-400px wide
  • Placement: Header left, center, or right
  • Scaling: Automatic responsive scaling
  • Retina Support: 2x resolution for sharp display

Mobile Logo Configuration

Optimized logo display for mobile devices.

  • Size Optimization: Automatically scales for mobile
  • Alternative Version: Upload separate mobile logo if needed
  • Touch Spacing: Adequate spacing for touch interaction
  • Loading Speed: Compressed for faster mobile loading

Print & Export Formats

Logo usage for printed materials and downloads.

  • High Resolution: Vector or high-DPI versions
  • Multiple Formats: PDF, EPS for professional printing
  • Brand Guidelines: Consistent usage across materials
  • Color Variations: Full color, black, and white versions

Color Scheme Configuration

Your color scheme creates the visual foundation of your brand and affects user experience. Choose colors that reflect your brand personality while ensuring accessibility and readability.

Primary Brand Colors

Main colors that represent your brand identity.

  • Primary Color: Main brand color for buttons, links, highlights
  • Secondary Color: Complementary color for variety and hierarchy
  • Accent Color: Eye-catching color for call-to-actions
  • Neutral Colors: Grays and off-whites for backgrounds and text

Accessibility Considerations

Ensure your colors meet accessibility standards.

  • Contrast Ratio: Minimum 4.5:1 for normal text, 3:1 for large text
  • Color Blindness: Test with color blindness simulators
  • Alternative Indicators: Don't rely solely on color for meaning
  • WCAG Compliance: Follow Web Content Accessibility Guidelines

Color Psychology

Choose colors that convey the right message.

  • Blue: Trust, reliability, professionalism
  • Green: Nature, growth, health, sustainability
  • Red: Energy, urgency, excitement, passion
  • Purple: Creativity, luxury, wisdom, innovation

Typography & Fonts

Typography affects readability, brand perception, and user experience. Choose fonts that align with your brand personality while ensuring excellent readability across all devices.

Heading Fonts

Used for titles, section headers, and important text.

  • Personality: Should reflect brand character
  • Hierarchy: Clear size distinctions (H1, H2, H3, etc.)
  • Readability: Clear at various sizes
  • Impact: Bold enough to grab attention

Body Text Fonts

Used for paragraphs, descriptions, and general content.

  • Readability: Clear at various sizes and line lengths
  • Spacing: Good letter spacing and line height
  • Consistency: Pairs well with heading fonts
  • Accessibility: Dyslexia-friendly options available

Font Categories

Different font styles for different purposes.

  • Sans-Serif: Modern, clean, great for digital
  • Serif: Traditional, readable, good for long text
  • Monospace: Technical content, code displays
  • Display: Decorative, headlines only

SEO Settings

Search Engine Optimization (SEO) settings help your website appear in search results and social media shares. Proper configuration can significantly increase your event's online visibility.

Meta Description

Brief description that appears in search results.

  • Length: 150-160 characters optimal
  • Content: Compelling summary of your site
  • Keywords: Include relevant search terms
  • Call-to-action: Encourage clicks

Open Graph Image

Image displayed when your site is shared on social media.

  • Dimensions: 1200x630 pixels recommended
  • Format: JPG or PNG, under 1MB
  • Content: Include your logo and key text
  • Quality: High resolution for various platforms

Schema Markup

Structured data for search engines.

  • Event Schema: Date, time, location information
  • Organization: Business details and contact info
  • Local Business: Address and hours
  • Rich Snippets: Enhanced search results

Advanced Settings

Additional configuration options for users who want more control over their website's functionality and integrations.

Custom CSS & JavaScript

Add custom styling and functionality.

  • Override default styles
  • Create unique design elements
  • Add interactive features
  • Test across different browsers

Analytics Integration

Connect tracking and analytics tools.

  • Google Analytics 4 setup
  • Facebook Pixel integration
  • Google Tag Manager
  • Custom event tracking

Security & Privacy

Configure security and compliance options.

  • SSL enforcement
  • Cookie consent banners
  • Privacy policy integration
  • GDPR compliance settings

Troubleshooting Common Issues

Solutions to frequently encountered problems when configuring website settings.

Logo Not Displaying

Common Solutions:

  • Check file format (PNG preferred)
  • Verify file size under 500KB
  • Clear browser cache
  • Test on different devices

Colors Not Updating

Common Solutions:

  • Wait 5-10 minutes for propagation
  • Hard refresh browser (Ctrl+F5)
  • Check custom CSS conflicts
  • Verify color format

SEO Settings Not Working

Common Solutions:

  • Wait 24-48 hours for search engines
  • Check meta description length
  • Verify image dimensions
  • Use Facebook debugger tool
Need Help?

Contact support if issues persist after trying these solutions. Include screenshots and browser information when reporting problems.