How to Design Webpages Faster using Salesforce Page Designer

Written by Nauman Sohail

Digital Commerce Business Analyst at Royal Cyber

Did you know that new site visitors judge your website within 50 milliseconds of their first visit? If your webpage doesn’t grab your ideal customer’s attention the moment they visit your site, they’ll take their business elsewhere.

So, when it comes to making changes to your webpages – ones that could make or break a critical sale – time is of the essence. This is where Page Designer for Salesforce Commerce Cloud comes in.

Salesforce’s Page Designer (available in the 20.7 and 70.8 Releases) makes those changes even easier. Whether you’re shuffling your homepage to promote a specific product line, or liquidate product through an ad hoc campaign, Page Designer allows you to drag and drop design elements to make dynamic changes visually, without heavy coding.

“In the hyper-competitive battle for shoppers, companies must be able to make changes to their ecommerce sites at the drop of a hat. … Commerce teams can’t afford to wait days or weeks for a developer to make these changes, which is what most sites require. This is what led us to Commerce Page Designer.”

– Mike Micucci, Salesforce

In this blog, we’ll discuss what makes Salesforce Page Designer unique, how it works, and its benefits and limitations.

Written by Shelanne Augustine

Digital Marketing Technical Content Writer at Royal Cyber

Did you know that new site visitors judge your website within 50 milliseconds of their first visit? If your webpage doesn’t grab your ideal customer’s attention the moment they visit your site, they’ll take their business elsewhere.

So, when it comes to making changes to your webpages – ones that could make or break a critical sale – time is of the essence. This is where Page Designer for Salesforce Commerce Cloud comes in.

Salesforce’s Page Designer (available in the 20.7 and 70.8 Releases) makes those changes even easier. Whether you’re shuffling your homepage to promote a specific product line, or liquidate product through an ad hoc campaign, Page Designer allows you to drag and drop design elements to make dynamic changes visually, without heavy coding.

“In the hyper-competitive battle for shoppers, companies must be able to make changes to their ecommerce sites at the drop of a hat. … Commerce teams can’t afford to wait days or weeks for a developer to make these changes, which is what most sites require. This is what led us to Commerce Page Designer.”

– Mike Micucci, Salesforce

In this blog, we’ll discuss what makes Salesforce Page Designer unique, how it works, and its benefits and limitations.

Salesforce Page Designer vs. Ordinary Designers

What makes Salesforce Page Designer unique. It's intuitive. Now front-end users can pre-build several components with JavaScript and custom CSS, such as sliding banners and product teasers, all by dragging and dropping elements.

This is a huge step forward for businesses that have previously depended on developers for assistance. Now you can create designs independently, schedule and publish custom pages, and reuse components and pre-built layouts to bring your site changes together even faster.

How to Design Webpages Faster using Salesforce Page Designer

Features of Salesforce Page Designer

Here’s what makes Page Designer a winner:

  • You can edit or create your page content without depending on the developer
  • It uses simplified image selection and updating
  • It's easy to use for anyone to use
  • You have the assistance of reusable templates and assets
  • You can edit or create your page content without depending on the developer
  • It uses simplified image selection and updating
  • It's easy to use for anyone to use
  • You have the assistance of reusable templates and assets

Types of Page Designer Layouts

There are two types of layouts in Page Designer:

Fixed layout:

These layouts allow you to place images and write content within pre-defined page elements. While fixed layouts offer a more rigid canvas, they offer a level of stability and ease to businesses looking to get pages published quickly.

Dynamic layout:

If you’re looking for greater flexibility, this layout is best for you. Dynamic layouts allow you to manipulate the design to fit your needs and display as many components as you like using multiple rows and columns.

Types of Page Layouts

While choosing the page layout, you need to select one of the following page types. There are two different types of page:

1. Single region

2. 5-row page layout

You can start building these pages by applying CSS styling and UX customizations.

Benefits of using Page Designer

The greatest advantage that Page Designer offers is independence. No more depending on developers, or holding your breath, hoping not to break the code. Page Designer also makes media management easy by displaying thumbnail images in folders and allowing single or multiple image upload.

You can also schedule changes to individual pages, isolating them by date, time, customer group and locale to create hyper-targeted campaigns.


Speaking of creating hyper-targeted campaigns in a global industry, read more about How to Go Global with Salesforce here


Page designer also saves your time once you publish your page by making it immediately available on the storefront. Each page in this designer has a separate cache, making it easy for the user to accommodate page visibility.

Lastly, the page designer is compatible with JavaScript, as well as pipeline controllers.

Limitations of using Page Designer

Although the benefits of Page Designer outweigh its limitations, there are still some loopholes worth noting:

  • There is no locking functionality for a page.
  • Workflow and approval capabilities are missing in this designer.
  • The user can't create pages via Open Commerce API.

“The greatest advantage that Page Designer offers is independence. No more depending on developers, or holding your breath, hoping not to break the code.”

@RoyalCyberUSA #SFCCPageDesigner

Click to Tweet

Unify Customer Data with Customer 360

Every brand is creating customer-centric strategies where customers are at the center point of the business decisions. Customer centricity is the top priority of the retailers. Salesforce has introduced a new platform called Customer 360 which offers unified customer data from different applications. It serves as a center point for all the other applications and pulls the relevant data from various platforms and condenses it into a single view.

Let Us Help You Get Started

With Page Designer for Salesforce, changes are fast and easy to make. Looking to get started with Page Designer? Our Salesforce experts at Royal Cyber can help you learn to create and modify pages instantly with the help of reusable page components and types.

Contact us to schedule a meeting and get started today.

Leave a Reply