Website Management Guides

Need help? If you encounter any issues following these guides or wish to make changes not covered here, please don't hesitate to contact us at [email protected]

How to Change Email and Password in Cloudflare

Learn how to update your Cloudflare account credentials to keep your account secure. You should use the email and password sent in the handover message to log in initially.

Step 1: Access Your Cloudflare Account

  1. Go to dash.cloudflare.com
  2. Log in with the email and password sent in the handover message
  3. You'll be taken to your Cloudflare dashboard

Step 2: Navigate to Profile Settings

  1. Click on your profile icon in the top-right corner
  2. Select "Profile" from the dropdown menu

Step 3: Change Your Password

  1. On the Profile page, click on the "Authentication" tab
  2. Click on the option to change password
  3. Enter your current password and your new password

Step 4: Change Your Email Address

  1. After changing your password, click on the "Settings" tab
  2. Look for the email update option
  3. Enter your own email address and the new password you just set.
    Cloudflare will use this email to remind you before your domain name expires and other important updates.
  4. You may need to verify the new email address. Check your new email inbox for a verification link

Security Note

Now your account is secured and only you have access. Make sure to keep your new credentials safe and consider using a password manager for additional security.

How to Register Personal Information on Your Domain

If you have not shared your contact information with us in your order, you'll need to add it to your domain to secure ownership.

Step 1: Access Domain Settings

  1. Login to your Cloudflare account at dash.cloudflare.com
  2. Select "Domain registration" in the left sidebar
  3. Now you should see your domain name listed and an option to "Manage" it. Click on it.

Step 2: Update contact information

  1. Click on the tab "Contacts"
  2. Here it is important that you update all the contact information to be accurate to secure your domain name.
    Updating registrant contact may required further verification. You may choose to skip updating.
    Billing contact may be skipped for now. You will be asked for this information when it is time to extend your domain name registration in the future.

How to Change Email Routing/Forwarding

Set up email forwarding so emails sent to your domain (like [email protected]) are forwarded to your personal email address.

Step 1: Access Email Settings

  1. Login to your Cloudflare account at dash.cloudflare.com
  2. In your Account home page, select your domain
  3. Click on "Email" in the left sidebar
  4. Select "Email Routing"
  5. Select the "Routing rules" tab
  6. Here your will see a list of your Custom addresses. You can edit, delete or create new custom addresses.

Edit Custom Address

  1. Click edit on the custom address you want to change
  2. Change the custom address name or destination email
  3. Click save. If you change the destination email, you may need to verify the new email address.

Create New Custom Address

  1. Click Create address next to the list of custom addresses
  2. Enter a new custom address. Example:
  3. Enter a destination email address
  4. Click save. The destination address may need to be verified.

Delete Custom Address

  1. Click edit on the custom address you want to delete
  2. Click the delete button

How to Change Images on Your Website

Easy Visual Editor

Use our simple visual editor to change images with just a few clicks!

Open Visual Editor

Alternative: If you prefer to replace images manually, follow the steps below:

Step 1: Access Your Website Files

  1. Locate your website files folder that you recieved during hand over.
  2. If you have lost your website files, you can use our Website Files Recovery Tool to download your website files again.

Backup Your Website Files

Before making any changes make sure you have a backup of your website files somewhere safe.

Step 2: Make Your Changes

  1. In the images folder you will find all the images for your website. You can simply replace the images with the new images you want to use, make sure to use the same filename.
  2. Image Size Guide: The filename indicates the recommended format and size. For example:
    • img-landscape-1-960w.jpg = Landscape format, minimum 960px width
    • img-portrait-1-720w.jpg = Portrait format, minimum 720px width
    • img-hero-2560w.jpg = Hero image, minimum 2560px width
    • img-normal-1-720w.jpg = Square/normal format, minimum 720px width
  3. Preview your changes by opening the index.html file in your browser. You can also simply drag and drop the index.html file into your browser window.

Step 3: Publish Your Changes

Jump to How to Publish Your Changes

Image tips

If you are not happy with how the image is cropped you can edit your image before replacing the previous image.

How to Change Text on Your Website

Easy Visual Editor

Use our visual editor to change texts and translations with ease!

Open Visual Editor

Alternative: If you prefer to replace texts manually, follow the steps below:

Step 1: Access Your Website Files

  1. Locate your website files folder that you recieved during hand over.
  2. If you have lost your website files folder, you can use our Website Files Recovery Tool to download your website files again.

Step 2: Make Your Changes

  1. Open the "index.html" file in a text editor of your choice.
  2. Search to find the text that your want to change and make the change you want. Be careful not to change anything else than the text you want to change.

Step 3: (If Applicable) Edit translations

  1. If your website supports multiple languages, look for translation files in the "js" folder next to index.html. You will see one file for each language your website supports.
  2. Open the appropriate language file in a text editor of your choice.
  3. Here you can search and replace the text you want to change. We recommend to go to your website and switch to the language you want to change and copy the text your want to change. Then search and replace the text with your new translation in the translation file.

Improtant Note

When updating website with multiple languages, make sure to update all language files to keep your website consistent across all supported languages.

Step 4: Save and Preview

  1. Save your changes
  2. Preview your changes by opening the index.html file in your browser. You can also simply drag and drop the index.html file into a browser window.

Step 5: Publish Your Changes

Jump to How to Publish Your Changes

How to Publish Your Changes

After making changes to your website files, you need to publish them to make them live on your website.

Step 1: Access Cloudflare Pages

  1. Login to your Cloudflare account at dash.cloudflare.com
  2. Quick Shortcut

    Skip steps 2-4 and go directly where your need to be:

  3. In your Account home page, Click "Compute (Workers)" in the left menu, then select "Workers & Pages".
    Alternative: You can also click the search box at the top of the page labeled "Go to..." and search for "pages". Select "Compute (Workers) | Workers & Pages" from the results.
  4. Click on your domain name
  5. Click on the "Create deployment" button located in the top right corner of the page.

Step 2: Upload Your Files

  1. Follow the instructions on the page to upload your project folder and deploy. Make sure to upload the entire folder including your changes.
  2. When deployment is complete your should be able to see your changes live on your website shortly.

Revert to Previous Version

If you are not happy with the result or changed your mind later you can either upload a new edited version of your project folder the same way or you can revert to a previous version of your website. To revert to a previous version you simple go back to step 4 above and instead of creating a new deployment you find the previous deployment in the list of "All deployments" and click on the all the way to the right and select "Rollback to this deployment".

How to Analyze Visitors

Track and analyze your website visitors to understand your audience and improve your website's performance.

Step 1: Access Cloudflare Analytics

  1. Log in to your Cloudflare dashboard
  2. Select your domain
  3. Click on "Analytics" in the left sidebar
  4. You'll see various analytics options available

Step 2: View Web Analytics

  1. Click on "Web Analytics" to see detailed visitor data
  2. You can view data for different time periods (last 24 hours, 7 days, 30 days, etc.)
  3. The dashboard shows key metrics at a glance

Step 3: Key Metrics to Monitor

  • Page Views: Total number of pages viewed by visitors
  • Unique Visitors: Number of individual people visiting your site
  • Traffic Sources: Where your visitors are coming from (Google, social media, direct, etc.)
  • Top Pages: Which pages are most popular
  • Geographic Data: Where your visitors are located
  • Device Types: Whether visitors use desktop, mobile, or tablet

Step 4: Set Up Google Analytics (Optional)

  1. Create a Google Analytics account at analytics.google.com
  2. Set up a new property for your website
  3. Get your tracking code (starts with "G-")
  4. Add the tracking code to your website's HTML head section
  5. Google Analytics provides more detailed insights and advanced features

Step 5: Regular Monitoring

  1. Check your analytics weekly to track trends
  2. Look for patterns in visitor behavior
  3. Identify which content performs best
  4. Use insights to improve your website content and marketing

Analytics Insight

Focus on trends rather than daily fluctuations. Look for patterns over weeks and months to make informed decisions about your website strategy.

Advanced Changes: AI Assistance & Outsourcing

Your website is completely yours to modify however you want. Unlike subscription-based solutions with limited features, you have unlimited possibilities for customization and enhancement.

Option 1: AI-Powered Modifications

Modern AI tools can help you make complex changes to your website:

  1. AI Coding Assistants: Use tools like GitHub Copilot, Claude, or ChatGPT to help you modify HTML, CSS, and JavaScript code
  2. AI Design Tools: Platforms like Figma AI, Canva AI, or Midjourney can help create new design elements
  3. AI Content Generation: Tools like ChatGPT or Claude can help you write new content, descriptions, or marketing copy
  4. AI Image Editing: Use tools like Photoshop AI, Canva AI, or specialized image editing AI to enhance or modify photos

Option 2: Professional Development Services

You can hire any developer or agency of your choice:

  1. Freelance Platforms: Hire developers from Upwork, Fiverr, Freelancer, or similar platforms
  2. Local Developers: Work with local web developers or agencies in your area
  3. Specialized Agencies: Hire agencies that specialize in specific features (e.g., booking systems, e-commerce, SEO)
  4. Student Developers: Work with computer science students for cost-effective development

Option 3: Self-Learning Resources

Learn to make changes yourself with these resources:

  1. Online Courses: Platforms like Udemy, Coursera, or freeCodeCamp offer web development courses
  2. Documentation: Learn from official documentation for HTML, CSS, JavaScript, and other web technologies
  3. YouTube Tutorials: Countless free tutorials on web development and design
  4. Community Forums: Get help from communities like Stack Overflow, Reddit, or Discord groups

Why This Approach is Superior

  • No Monthly Fees: Unlike subscription website builders, you own everything and pay no ongoing costs
  • Unlimited Customization: No restrictions on what you can add or modify
  • Complete Control: You decide who works on your website and how
  • Cost Flexibility: Choose your budget - from free AI tools to premium development services
  • Future-Proof: Your website can evolve with your business needs without platform limitations
  • Portability: You can move your website to any hosting provider or developer

Pro Tip

Start with AI tools for simple changes, then graduate to professional developers for complex features. This approach gives you the best of both worlds - cost-effective solutions for simple tasks and professional expertise for advanced features.

Security Note

When working with developers, always ensure they have proper access controls and never share your main Cloudflare account credentials. Create specific access roles when possible.