Skip to product menu
close
  • Recent Launches
    Press Space or Enter to display list of options
EXPLORE ALL PRODUCTS

Recent Launches

New

Payroll software with automated tax payments and filing.

Try now
New

Robotic process automation software to automate high-volume, rule-based tasks.

Try for free
New

Low-code IoT platform and solutions for connected businesses.

Try now
New

Business formation service to launch and grow your businesses.

Try now
New

Privacy-friendly application analytics solution.

Try for free

Sales

 
CRM

Comprehensive CRM platform for customer-facing teams.

CRM
 
Bigin

Simple CRM for small businesses moving from spreadsheets.

Bigin
 
Forms

Build online forms for every business need.

Forms
 
SalesIQ

Live chat app to engage and convert website visitors.

SalesIQ
 
Bookings

Appointment scheduling app for consultations with customers.

Bookings
 
Sign

Digital signature app for businesses.

Sign
 
RouteIQ

Comprehensive sales map visualization and optimal route planning solution.

RouteIQ
 
Thrive

Complete loyalty and affiliate management platform.

Thrive
 
Voice

Cloud Contact Center Software for businesses.

Voice
 
Suites
CRM Plus

Unified platform to deliver top-notch customer experience.

CRM Plus

Marketing

 
Social

All-in-one social media management software.

Social
 
Campaigns

Create, send, and track targeted email campaigns that drive sales.

Campaigns
 
Forms

Build online forms for every business need.

Forms
 
Survey

Design surveys to reach and interact with your audience.

Survey
 
Sites

Online website builder with extensive customisation options.

Sites
 
PageSense

Website conversion optimization and personalisation platform.

PageSense
 
Backstage

End-to-end event management software.

Backstage
 
Webinar

Webinar platform for webcasting online webinars.

Webinar
 
Marketing Automation

All-in-one marketing automation software.

Marketing Automation
 
LandingPage

Smart landing page builder to increase conversion rates

LandingPage
 
Publish

Manage all your local business listings on a single platform.

Publish
 
SalesIQ

Live chat app to engage and convert website visitors.

SalesIQ
 
Sign

Digital signature app for businesses.

Sign
 
Thrive

Complete loyalty and affiliate management platform.

Thrive
 
Voice

Cloud Contact Center Software for businesses.

Voice
 
NEW
LeadChain

Sync, manage, and convert leads across channels seamlessly.

LeadChain
 
NEW
CommunitySpaces

Online community platform for individuals and businesses to grow their network and brand.

CommunitySpaces
 
Suites
Marketing Plus

Unified marketing platform for marketing teams.

Marketing Plus

Commerce and POS

 
Commerce

eCommerce platform to manage and market your online store.

Commerce

Service

 
Desk

Helpdesk software to deliver great customer support.

Desk
 
Assist

Remote support and unattended remote access software.

Assist
 
Lens

Interactive remote assistance software with augmented reality.

Lens
 
FSM

End-to-end field service management platform for service businesses.

FSM
 
SalesIQ

Live chat app to engage and convert website visitors.

SalesIQ
 
Voice

Cloud Contact Center Software for businesses.

Voice
 
NEW
Solo

The all-in-one toolkit for solopreneurs.

Solo
 
Bookings

Appointment scheduling app for consultations with customers.

Bookings
 
Suites
Service Plus

Unified platform for customer service and support teams.

Service Plus

Finance

 
Books

Powerful accounting platform for growing businesses.

Books
 
FREE
Invoice

100% Free invoicing solution.

Invoice
 
Expense

Effortless expense reporting platform.

Expense
 
Inventory

Powerful stock management and inventory control software.

Inventory
 
Billing

End-to-end billing solution for your business.

Billing
 
Checkout

Collect payments online with custom branded pages.

Checkout
 
NEW
Payroll

Payroll software with automated tax payments and filing.

Payroll
 
NEW
Solo

The all-in-one toolkit for solopreneurs.

Solo
 
Practice

Practice management software for accounting firms.

Practice
 
Sign

Digital signature app for businesses.

Sign
 
Commerce

eCommerce platform to manage and market your online store.

Commerce
 
Suites
Finance Plus

All-in-one suite to manage your operations and finances.

Finance Plus

Email and Collaboration

 
Mail

Secure email service for teams of all sizes.

Mail
 
Meeting

Online meeting software for all your video conferencing & webinar needs.

Meeting
 
Writer

Word processor for focused writing and discussions.

Writer
 
Sheet

Spreadsheet software for collaborative teams.

Sheet
 
Show

Create, edit, and share slides with a sleek presentation app.

Show
 
Notebook

Beautiful home for all your notes.

Notebook
 
Cliq

Stay in touch with teams no matter where you are.

Cliq
 
Connect

Employee experience platform to communicate, engage, and build positive employee relations.

Connect
 
Bookings

Appointment scheduling app for consultations with customers.

Bookings
 
TeamInbox

Shared inboxes for teams.

TeamInbox
 
WorkDrive

Online file management for teams.

WorkDrive
 
Sign

Digital signature app for businesses.

Sign
 
Office Suite

Powerful collaborative work platform for teams.

Office Suite
 
Office Integrator

Built in document editors for web apps.

Office Integrator
 
ZeptoMail

Secure and reliable transactional email sending service.

ZeptoMail
 
Calendar

Online business calendar to manage events and schedule appointments.

Calendar
 
Learn

Knowledge and learning management platform.

Learn
 
Voice

Cloud Contact Center Software for businesses.

Voice
 
ToDo

Collaborative task management for individuals and teams.

ToDo
 
Tables

Work management tool to connect people, processes, and information.

Tables
 
FREE
PDF Editor

Collaborative online PDF editing tool.

PDF Editor
 
Suites
Workplace

Application suite built to improve team productivity and collaboration.

Workplace

Human Resources

 
People

Organize, automate, and simplify your HR processes.

People
 
Recruit

Intuitive recruiting platform built to provide hiring solutions.

Recruit
 
Expense

Effortless expense reporting platform.

Expense
 
Workerly

Manage temporary staffing with an employee scheduling solution.

Workerly
 
NEW
Payroll

Payroll software with automated tax payments and filing.

Payroll
 
Shifts

Employee scheduling and time tracking app.

Shifts
 
Sign

Digital signature app for businesses.

Sign
 
Suites
People Plus

Comprehensive HR platform for seamless employee experiences.

People Plus

Security and IT Management

 
Creator

Build custom apps to simplify business processes.

Creator
 
Directory

Workforce identity and access management solution for cloud businesses.

Directory
 
FREE
OneAuth

Secure multi-factor authenticator (MFA) for all your online accounts.

OneAuth
 
Vault

Online password manager for teams.

Vault
 
Catalyst

Pro-code platform to build and deploy your apps.

Catalyst
 
Toolkit

Complete resource for any admin-related lookup queries.

Toolkit
 
Lens

Interactive remote assistance software with augmented reality.

Lens
 
Assist

Remote support and unattended remote access software.

Assist
 
QEngine

Test automation software to build, manage, execute, and report testcases.

QEngine
 
NEW
RPA

Automate manual, tedious, and repetitive tasks easily.

RPA

BI and Analytics

 
Analytics

Modern self-service BI and analytics platform.

Analytics
 
Embedded BI

Embedded analytics and white label BI solutions, tailored for your needs.

Embedded BI
 
DataPrep

AI-powered data preparation service for your data-driven organization.

DataPrep
 
NEW
IoT

Harnessing IoT analytics for real-time operational intelligence.

IoT

Project Management

 
Projects

Manage, track, and collaborate on projects with teams.

Projects
 
Sprints

Planning and tracking tool for scrum teams.

Sprints
 
BugTracker

Automatic bug tracking software for managing bugs.

BugTracker
 
NEW
Solo

The all-in-one toolkit for solopreneurs.

Solo

Developer Platforms

 
Creator

Build custom apps to simplify business processes.

Creator
 
Flow

Automate business workflows by creating smart integrations.

Flow
 
Catalyst

Pro-code platform to build and deploy your apps.

Catalyst
 
Office Integrator

Built in document editors for web apps.

Office Integrator
 
ZeptoMail

Secure and reliable transactional email sending service.

ZeptoMail
 
QEngine

Test automation software to build, manage, execute, and report testcases.

QEngine
 
Tables

Work management tool to connect people, processes, and information.

Tables
 
NEW
RPA

Automate manual, tedious, and repetitive tasks easily.

RPA
 
NEW
Apptics

Application analytics for all apps.

Apptics
 
Embedded BI

Embedded analytics and white label BI solutions, tailored for your needs.

Embedded BI
 
NEW
IoT

Build, deploy, and scale IoT solutions for connected businesses.

IoT
 
DataPrep

AI-powered data preparation service for your data-driven organization.

DataPrep

IoT

 
NEW
IoT

Low-code IoT platform and solutions for connected businesses.

IoT

Search Result

 
CRM Plus

Unified platform to deliver top-notch customer experience.

Try now
CRM Plus
 
Service Plus

Unified platform for customer service and support teams.

Try now
Service Plus
 
Finance Plus

All-in-one suite to manage your operations and finances.

Try now
Finance Plus
 
People Plus

Comprehensive HR platform for seamless employee experiences.

Try now
People Plus
 
Workplace

Application suite built to improve team productivity and collaboration.

Try now
Workplace
 
Marketing Plus

Unified marketing platform for marketing teams.

Try now
Marketing Plus
 
All-in-one suite

Zoho One

The Operating System for Business

Run your entire business on Zoho with our unified cloud software, designed to help you break down silos between departments and increase organizational efficiency.

TRY ZOHO ONE
Zoho One
Zoho Marketplace

With over 2000 ready-to-use extensions across 40+ categories, connect your favorite business tools with the Zoho products you already use.

EXPLORE MARKETPLACE
Marketplace
Skip to main content
This help page is for users in Creator 5. If you are in the newer version (Creator 6), click here. Know your Creator version.

Customize the sign in, sign up, and reset password pages of your customer portal

Refer to this page to learn about portal pages

A portal page is made up of different elements put together, that can be customized. Further, each of the following portal page components can be customized with a set of distinct properties available specifically:

Customize Portal Backdrop

1. Edit your application.

2. Navigate to the Settings page.

3. Click Customer Portal under the Users and Control.

4. Navigate to the Page Customization tab. Your customer portal's pages will be listed.

5. Navigate to the Page Customization tab. Hover over the required portal page and click Edit.

5. Customize the portal backdrop, according to your needs, using the following properties.

i) Click and drag a Heading (or any other element of your choice) from the Elements section and drop it where you want it to be placed. Enter a title for your portal page.

ii) Customize the element's properties by using the toolbar on the top. Change the font, add color to the text and background, hyperlink if necessary, etc.

iii) Add system variables to an element to mention specific details and provide the end-users with a personalized experience.

iv) Click on the tag attached to an element and click the bin icon that appears to delete the element.

6. Select the portal backdrop for the properties specific to the backdrop to be visible on the top.

i) Click on the Page Width (  ) icon. Select Custom and change the pixel value according to your necessity.

ii) Click on the Padding (  ) icon and change the pixel value according to your necessity.

iii) Click the fill icon(  ) and choose a preset color. Click More Colors to choose from a color palette or to use RGB/HEX codes. This sets a background color of the portal backdrop.

iv) Click the image icon(  ) to add and customize a background image for your portal page.

 

Note

  • You can upload an image using : File manager or Web URL.
  • Hover over the uploaded image in the background image dropdown to change or delete the picture.

7. Click the Undo(  ) or Redo(  ) button to go one step back or to repeat an undone step respectively.

 

Customize Portal Column

1. Click the portal column to access properties specific to it.

2. Customize the portal column according to your needs using these properties.

i) Click the alignment icon (  ) and choose if the portal form needs to be placed to the left, center, or to the right inside the portal column.

ii) Click on the Spacing icon(  ) and enter values in pixels.This defines the space between the margins of the portal column and the portal form within on all four sides.

iii) Click the fill icon(  ) and choose a preset color. Click More Colors to choose from a color palette or to use RGB HEX codes. This sets a background color for the portal column.

iv) Click the image icon(  ) to add and customize a background image for your portal page.

 

Note 

  • You can upload an image using : File manager or Web URL.
  • Hover over the uploaded image in the background image dropdown to change or delete the picture.

6. Click Form Customization to access the properties specific to the portal form.

Alternately, you can also click on the portal form directly.

 

Note : Customizations specific to the portal form will be discussed in the next section.

Customize Portal Form

1. Click on the portal form to access the Form Customization pane that contains the properties specific to it.

Alternately, if you are already editing the portal column, click F orm Customization to access the Form Customization pane.

2. Click the fill icon (  ) under Background and choose a custom color to fill your portal form's background.

3.Click Border.

i) Click the fill icon(  ) next to Color and choose a custom color to fill your portal form's background.for the portal form's border.

ii) Choose a style for the border.

iii) Customize the width of the border in pixels.

4. Click Shadow .

i) Click the Shadow Color icon and choose a custom color for the portal form's shadow.

ii) Enter a pixel value for to determine the extent to which the shadow needs to spread horizontally.

iii) Enter a pixel value for to determine the extent to which the shadow needs to spread vertically.

iv) Enter a pixel value for Blur to determine the extent to which the shadow needs to be blurred.

v) Enter a pixel value for Spread to determine the extent to which the shadow needs to spread.

5. Click Typography.

i) Choose a font from the dropdown next to Font Family . This will apply to all the texts in the portal form.

ii) Click the Title Text Color icon and select a custom color for the title of the portal form.

iii) Click Body Text Color icon and select a custom color for the body texts of the portal form.

6. Click Field Input.

i) Click the Text Color icon and select a custom color in which the end-user's input in a field will appear.

ii) Click the Place Holder Color icon and choose a custom color for the place holders that appear before an input is entered in a field.

iii) Click the Background Color icon and choose a custom color for the place holders that appear before an input is entered in a field to fill a field's input space.

iv) Click the Border Color icon and choose a custom color for the borderline of the input field.

 

Note : The above properties can be set for both, the Default appearance of a field input, and its appearance when it is hovered upon. Switch to Hover tab to edit their properties.

 

7. Click Button .

i) Click the Text Color icon and select a custom color for the texts that appear on the buttons.

ii) Click the Background Color icon and choose a custom color to fill the buttons.

iii) Click the Border icon and choose a custom color for the borderline of the buttons.

Note : The above properties can be set for both, the Default appearance of a button, and  its appearance when it is hovered upon. Switch to Hover tab to edit their properties.

 

8. Click Link.

i) Click the Default Text Color icon and select a custom color for the texts that appear as links or URLs.

ii) Click the Underline icon to make the links appear as underlined texts.

Note : The above properties can be set for both, the Default appearance of a link, and its appearance when it is hovered upon. Switch to Hover tab to edit their properties.

Row and Column Wise Customizations

A portal page comprises different rows and columns that house the elements such as the titles, descriptions, and portal form inside them. To perform row and column-wise specifications:

1. Click an element and click on the tag that appears along its borderline. Two options appear beneath the tag.

2. Click Row . The applicable properties appear on the top of the designer.

i) Click the Spacing icon and enter values in pixels.This defines the space between the margins of the selected element's row and that of other rows.

ii) Click the fill icon and choose a color to fill the space that exists in a row outside of an element.

iii) Click the Edit as HTML icon to edit the properties of a row using HTML instead.

iv) Click the Border Setting icon. Choose the Type Style , and Color of the row's border.

3. After step 1, click Column . The applicable properties appear on the top of the designer.

i) Click the fill icon and choose a color to fill the space that exists in a column outside of an element.

ii) Click the Border Setting icon. Choose the Type Style , and Color of the column's border.

Note : To reset and erase all the customizations made to a portal page, go to the Page Customization tab in the Portal . Hover over the relevant portal page and click Reset.

Related Topics

Still can't find what you're looking for?

Write to us: support@zohocreator.com