Domain

Great news! You no longer need to log in to your account at shop.sahara.com to manage your domain. Your domain has now been successfully moved to www.cloudflare.com.

  • When Should You Access Saharanet?

  • You only need to access the Saharanet page for billing purposes related to your domain. For all other domain management tasks, you can now use Cloudflare.

  • Reviewing and Updating DNS Records

  • Cloudflare will automatically scan your current DNS records. Follow these steps to ensure they’re correct:

    1. Review Scanned Records: Verify that the DNS records match your hosting provider’s settings.

    2. Modify as Needed: Add, edit, or delete records such as:

      1. A Record: Points to your server's IP address.

      2. CNAME Record: Serves as an alias for another domain.

      3. MX Record: Manages email delivery settings.

      4. TXT Records: Used for additional configurations.

    3. Save Changes: Once you're satisfied with the setup, save your changes.

  • Add Your Domain in Framer

  • Connecting a domain to Framer involves setting up your domain's DNS records correctly. Here’s a step-by-step guide:

    1. Log in to your Framer account.

    2. Open the project you want to connect to your domain.

    3. In the Framer editor, go to the top-right menu and click Settings.

    4. Under Custom Domain, enter your domain name (e.g., example.com) and click Connect Domain.

    5. Verify that the DNS records match your hosting provider’s settings.

Hosting

Framer is a simple yet powerful platform for building and hosting websites. Hosting in Framer is built right into the platform, making it seamless and hassle-free. Once you design your website, Framer takes care of hosting it on fast, secure servers, ensuring your site is always available and performs well.

With Framer, you can focus on creating your website while the hosting happens effortlessly in the background.
If you need more hosting capacity or access to advanced features, upgrading your plan in Framer is simple:

  1. Log In: Go to Framer and log in to your account.

  2. Open Billing Settings: Click your profile picture, go to Account Settings, and select Billing.

  3. Choose a Plan: Pick the plan that fits your needs and click Upgrade.

  4. Confirm Payment: Add or confirm your payment details and complete the process. Your upgraded plan will be active right away!

Web Builder

Framer’s website builder is designed to make creating beautiful, responsive websites simple and fast. Your website is automatically optimized for desktop, tablet, and mobile, with tools to fine-tune each version if needed. Once your design is ready, you can publish it with a single click. Framer handles the hosting, making your site live instantly.

  • Getting familiar with the Framer interface

Content

Editing content in Framer is intuitive and user-friendly. Here's a step-by-step guide to help you update text, images, and other elements in your design:

  • Editing Text

  • Directly in the Canvas

    1. Select the Text Element: Click on the text you want to edit directly in the canvas.

    2. Type or Paste New Content: Double-click the text box and type or paste your content.

    3. Adjust Text Properties: Use the Inspector Panel (on the right) to change font, size, weight, color, alignment, and line height.

    4. To create reusable text styles, go to the Styles Panel and define a new Text Style.

  • Using the Inspector Panel

    1. Select the text box.

    2. Update the text content in the Text field in the Inspector Panel.

  • Editing Images

  • Replace an Image

    1. Select the Image Element: Click the image on the canvas.

    2. Click Fill: Click the Fill on styles to open the image picker.

    3. In the Inspector Panel, click the image thumbnail or the "Choose Image" button.

    4. Upload an image or choose one from your asset library.

    5. Add Alt Text and describe what the image is all about to enhance SEO.

  • Adding and Editing Links

    1. Select a Text or Button Element.

    2. In the Inspector Panel, locate the Link or Interaction section.

    3. Enter the URL or page you want to link to.

Portfolio

To add and edit your portfolio, go to CMS located at the top nav bar of the screen.

  • Adding and Editing Portfolio

    1. Open the CMS Panel: Click the CMS icon on the top toolbar.

    1. Click + New Item.

    1. Fill in the fields (e.g., Title, Image, Description).

    1. Upload images. Optimize all images before uploading. Add Alt Text to enhance SEO.

    1. To add embedded videos, go to content field and click the video icon and paste the youtube link.

    1. Save the item.

  • Arabic and English Version

  • Make sure the portfolio is available and manually created in both English and Arabic versions. We named the English version "Portfolio EN" and the Arabic version "Portfolio AR".

Pages

Ensure that all edits and changes are manually applied to both the English and Arabic versions. You can access the other pages through the sidebar.

SEO

Here’s a simple guide to editing SEO in Framer:

  • General SEO Settings

    1. Go to SEO Settings: Open the Settings Panel (top toolbar) and click on the General Site Settings or Page Settings.

    2. Update Title: Add a clear, keyword-rich page title.

    3. Add Description: Write a short summary (around 150 characters) of the page.

    4. Edit URL: Update the page URL slug (e.g., /about).

  • Social Sharing (OG Tags)

  • Set Open Graph Tags: Add Image for how the page looks on social media when shared.

Analytics

Gain valuable insights into how your site and pages are performing.

Publish Website

Publishing a website in Framer is simple. Follow these steps:

  • Finalize Your Website

    1. Ensure all pages, content, and SEO settings are complete.

    2. Preview your website to check for design or functionality issues.

  • Access the Publish Settings

    1. Click the Publish Button in the top-right corner of the Framer editor.

    2. A publish modal will appear.

    3. Your website will be live within seconds or minutes (depending on DNS propagation for custom domains).