Editing Your Website's Pricing Page: A Step-by-Step Guide

This guide provides a comprehensive walkthrough on how to edit the pricing page of your website using a web page builder. It covers the independence of pricing page content from membership plans, the default layout, and detailed instructions on using the web page builder's features. Key sections include editing the URL, title, and subtitle, customizing the hero section, managing membership plans, and utilizing SEO settings. The guide also touches on advanced options for developers.

Introduction to Editing the Pricing Page

In this section, we will explore the process of editing the pricing page on your website. This page is crucial for effectively communicating the features and benefits of your offerings to potential customers. While the pricing page operates independently from membership plans, it plays a vital role in your overall web strategy.

We will also delve into the web page builder, examining the various options available for constructing and modifying web pages. This foundational knowledge will empower you to make informed decisions as you enhance your website's functionality and appearance.

Navigating the Web Page Builder

Navigating the Web Page Builder is a crucial step in customizing your website's pricing page. The content displayed on this page is independent of the membership plans you have set up, so it's essential to ensure that all features and benefits are accurately communicated.

Accessing the Web Page Builder

To begin editing, navigate to the admin area of your website. From there, go to My Content and select Webpage Builder. Click the Edit button for the pricing page to open the Web Page Builder.

Basic Features and Familiarity with the Tool

The Web Page Builder offers a variety of tools to help you customize your pages. You'll find a default layout that includes a hero section, a list of membership plans, and a brief FAQ section. This layout is effective for most membership websites, but you have the flexibility to edit and personalize it to suit your needs.

Familiarizing yourself with these basic features will make it easier to edit your default web pages or create new ones. The builder allows you to modify text, images, and layout elements to ensure your pricing page reflects the unique offerings of your membership plans.

Customizing the Hero Section

Customizing the hero section of your web page is a crucial step in creating an engaging and visually appealing site. Here's how you can do it effectively:

Editing URL, Title, and Subtitle

In the text field at the top, you can enter the URL you want to assign to this page. For example, the URL might be setup-my-website.com/join. You can edit this URL as needed. Below the URL field, you can also edit the title and subtitle of the page, which are displayed in the hero section. By default, you might see titles like "Membership Plan Options" and subtitles like "Join Our Online Community."

Here in the text field is where we can enter the URL that we want to assign to this page.

Hero Section Display Options

Navigate to the hero section tab in the web page builder. Here, you can choose whether to display the hero section on the page and decide if you want to hide it on mobile devices to save space.

Hero Image Settings and Recommendations

You can upload your own hero image, with a recommended size of 1800x600 pixels. Larger images may increase page load time due to larger file sizes. You can also select an overlay color and adjust its opacity to make the title and subtitle text stand out more.

Title Text Settings and Call to Action Button

In the title text settings, you can adjust the width, alignment (center, left, or right), font color, size, and weight of your title and subtitle. Additional content can be added to the hero section, and you have the option to include a call to action button to engage visitors further.

Editing Page Content and Membership Plans

In this section, we will explore how to edit the page content and manage membership plans effectively.

Editing Body Content

To begin editing the content within the body of the page, navigate to the Page Content tab. Here, you can modify text, images, and other elements using a toolbar similar to a word processor like Microsoft Word. You can adjust font styles, sizes, colors, and even insert links, images, and videos. For those familiar with HTML or CSS, a code view option is available for more detailed customization.

Managing Membership Plans and Sign-Up Buttons

Each membership plan on the page includes a button that directs users to the sign-up page for that specific plan. It is crucial to ensure these buttons link to the correct pages. To edit a button, click on it and use the edit icon to modify the URL and button text. Verify the URL by accessing the Finance section in the website admin area, where you can view and copy the correct sign-up page URL.

Each membership plan here has a button that, when clicked, will take users to the sign up page for that particular membership plan.

Adding and Deleting Rows and Columns

If you need to adjust the number of membership plans displayed, you can add or delete rows. To delete a row, select it and use the toolbar to choose the delete option. To add more plans, use the Pre-Made Elements sidebar to drag a membership plan content block into the page content area.

Ensure that all information is accurate and that the buttons link to the appropriate sign-up pages. This will help maintain a seamless user experience on your pricing page.

Utilizing SEO and Advanced Settings

In this section, we explore how to effectively utilize SEO and advanced settings to enhance your web page's performance and appearance.

SEO Settings Overview

The SEO settings are crucial for optimizing your page's visibility on search engines. If you're not familiar with SEO or meta tags, you might not need to adjust these settings. However, for those who wish to manually tweak these elements, the option is available.

Social Media Shared Image

One important aspect of the SEO settings is the social media shared image.

"When you share a link on Facebook, Twitter, or any other social network, they'll typically automatically pull an image from the page to accompany the link."

By adding an image here, you ensure that a specific image is displayed when your page link is shared on social networks. This can attract more attention and potentially increase clicks to your page.

Advanced Tab for Developers

The Advanced tab is primarily for developers or those with coding knowledge. Here, you can add page-level CSS, head tags, and JavaScript to customize the page further.

Conclusion and Support

In conclusion, editing your pricing page using the web page builder is a straightforward process. By navigating through the different sections such as the Hero Section, Page Content, and utilizing SEO and Advanced Settings, you can effectively customize your page to meet your needs.

If you have any questions or require further assistance, please feel free to reach out.

Our team is always happy to help and support you.