React App

Your Firm's Partnership Charter Webpage Builder

Welcome to TPCI’s Webpage-Building Tool

With this tool, you’ll be able to easily create a beautiful, customized PC page for your website. We’ve made it as simple as possible—no coding degree required! Just read the instructions, explore the options, and you’ll be ready to go.

Begin by reviewing the full page. If you don’t want all the blocks, consider which blocks you’d like. You'll be able to select the ones you want. Once you pick what you want, you can customize the blocks to match your website’s styling (fonts, colors, etc.). Then it’s simply a matter of copying and pasting the blocks, or page, into your website.

Important Note About Customization

Wherever you see 'Post-Haste Consulting Group' and their logo, replace it with your firm’s name and logo. Some blocks indicate that you’re licensing PCS materials and the DYP™ tool from TPCI. These sections cannot be modified or removed, as stated in the agreement.

What is this tool?

TPCI’s Web-Building Tool allows you to create a website page you can integrate into your website, that helps your existing and potential clients understand this amazing offering.

Why use this tool?

Save time with pre-designed, professional blocks
Customize to match your brand's look and feel
No coding knowledge required
Works with WordPress, Webflow, or any HTML website

Video Tutorial

Watch this quick tutorial to learn how to use the TPCI’s Webpage-building Tool.

Note: You can return to this introduction anytime by clicking on the first tab.

How to Use This Tool

Select the Blocks You’d Like to Use

Customize the style

Copy your selection

Paste into your website

1Select the Blocks You’d Like to Use

Preview the Full Page, then select the blocks you’d like for your webpage.

About Post-haste Consulting Group(PHCG) Block
PC Process block
Partners Benefits block
What is a PC?”
Who Should Develop a Charter

2Customize to match your website’s style

The customizations below give you the ability to match the content in the blocks to your website’s style.

Colors
Change background, text, button, and accent colors
Fonts
Select different fonts for headings and body text
Button Styles
Customize button text, colors, and corner roundness
Logo
Upload or change your site's logo and placement
Additional Options
Each block type has unique customization options

3Copy Your "Embed Code"

Find “Embedded Code” at the bottom of the page. It contains everything needed for the blocks to work correctly on your website.
Click the "Copy" button to copy the code to your clipboard

4Add to Your Website

WordPress
Add a 'Custom HTML' block and paste the code in it
Webflow
Add an "Embed element" and paste the code there
Other Website Builders
Look for 'HTML', 'Custom Code', or 'Embed' options and paste the code in one of those
HTML Websites
Paste the code directly into your HTML file where you want the block to appear

Need More Help?

If you have any questions about using this tool or implementing the blocks on your website, please contact our support team at Support@PartnershipCharter.com.