Skip to main content
All CollectionsCreate portals
How to customize your portal with your brand identity
How to customize your portal with your brand identity

Customize your portal with branding elements like logos, custom domains, images, layouts, CSS, and tracking tools.

Updated over a week ago

Branding your portal ensures a seamless experience for users and aligns it with your company’s visual identity.

In Formaloo, you can customize various elements, including your logo, custom domain, fonts, page layouts, images, and even custom CSS and tracking tools.

This guide walks you through how to personalize your portal to match your brand, making it more professional and recognizable.

Add your logo to customize branding

A key part of branding your portal is adding your logo to create a professional and recognizable experience for users.

  1. Open your portal in Formaloo.
    Navigate to your portal from the Projects section.

  2. Enable edit mode.
    To start editing your portal, enable edit mode in the top-right corner of your portal.

  3. Upload a custom logo.

    • Click on the dropdown beside the logo on the top-left side of your portal.

    • Click Upload Logo and select an image file from your device.

    • For best results, use a horizontally wider logo that fits well within the header space.

Your new logo will now appear in your portal, helping reinforce your brand identity across all user interactions.

Rename your portal for better branding

Customizing the portal name is essential to align it with your brand and make it easily recognizable for users.

  1. Navigate to the dropdown beside the portal's logo.
    Click on the option in the top-left corner of your portal.

  2. Edit the Portal Name.

    • Click on Rename project and enter your preferred name that represents your brand or business.

  3. Save Changes.
    Click Update to apply the new name.

Renaming your portal ensures that users recognize it as part of your brand, creating a professional and cohesive experience.

Set a custom domain for your portal

A custom domain allows you to brand your app or portal with your own unique URL, making it more professional and recognizable.

By setting up a custom domain, your portal will be accessible from a URL that matches your brand, improving user trust and consistency.

📝 Additional insights:

This method allows you to set up a custom domain for each app or portal individually, giving each one a unique, branded URL.

This is ideal if you want different portals to have their own distinct web addresses.

However, if you need to set a custom domain for all apps and portals in your workspace at once, you can find detailed instructions in this guide:
How to set up an app or portal custom domain.

Add images on the page that reflect the brand identity

Adding images to your portal enhances your brand identity and provides a visually appealing experience for users.

Follow these steps to upload and customize images in your Formaloo portal.

1: Open your app & enable edit mode

  • Open the app where you want to add images.

  • Navigate to the specific page where you want to insert the image.

  • Click on the edit mode button to enable editing for your app.

2: Add an image

You can add an image in two ways:

Option 1: Using the slash (/) command

  • Inside the page, type /image.

  • Choose Upload to add an image from your device or Embed to insert an external image URL.

Option 2: Using the plus (+) button

  • Click on the + button inside the page.

  • Select Image from the available options.

  • Upload an image from your device or embed one using a URL.

3: Adjust & customize your image

  • Resize the image by clicking and dragging the corners.

  • Add a caption by selecting the Add caption option.

  • Align the image using the available alignment tools to fit your page layout.

By adding images that align with your brand colors, themes, and identity, you can create a visually cohesive and engaging portal experience.

📝 Additional insights:

Adding images to your portal pages helps enhance visual appeal, branding, and user engagement.

You can use images for banners, product showcases, or instructional graphics to make your portal more interactive and informative.

Besides images, you can also embed videos to provide dynamic content for your users. For a complete guide on adding both images and videos to your app or portal, check out:
👉 How to add videos and images to your app or portal pages.

Change the page layout, fonts, and page cover

To tailor your portal pages, you can adjust layout settings, rename pages, and manage their visibility.

page option
  1. Click on the three dots (⋮) next to a page name in the left sidebar.

  2. Select Page options from the opened menu.

  3. Modify the page settings as needed:

    • Adjust font style to Default, Serif, or Monospace for a customized look.

    • Set page width to Standard, Wide, or Narrow based on how you want content displayed.

    • Enable the page cover by toggling it on to add a header image to the page.

    • Upload a cover image by selecting Upload Image or choosing an image from Unsplash.

These settings allow you to personalize how each portal page appears, improving both usability and branding.

Custom CSS & integrating tracking tools

Customizing your portal with Custom CSS and tracking tools like Google Analytics and Google Tag Manager allows you to enhance the branding, styling, and analytics of your app.

Follow these steps to apply your own CSS styles and integrate tracking tools.

  • Click on the Settings icon in the top-right corner.

  • Click on Custom CSS.

  • Enter your custom CSS styles to modify fonts, colors, spacing, button styles, and overall layout.

  • Click Save to apply the changes.

By using custom CSS, you can personalize the portal’s appearance beyond the built-in design options.

Integrate Google analytics & tag manager

  • In the Custom Code section, find the Custom JavaScript field.

  • Paste your Google Analytics or Google Tag Manager tracking script inside the box.

  • Click Save to activate tracking on your portal.

💡 Why Use Tracking Tools?

  • Google Analytics helps track visitor activity, session duration, and engagement.

  • Google Tag Manager simplifies adding and managing third-party tracking scripts.

By combining Custom CSS and tracking tools, you ensure a branded, data-driven portal that matches your identity while capturing key user insights.

Did this answer your question?