How To Add The Text Editor Block
Adding text to your website can be done through the Text Editor Block. You can stylize your text to achieve your desired look.
ADD THE TEXT EDITOR BLOCK
STEP ONE
Log into your PhotoBiz account and click on WEBSITE in the left side menu.
STEP TWO
Click on the Page or add a new page that you want to add a text block to.
STEP THREE
On the right side of your screen, there is an icon labeled "T EDITOR." By hovering your mouse over it, you can click and hold to drag the editor block to any desired location. As you move it around, a teal-colored bar will indicate where the block will be placed once you release the mouse button.
To quickly position the text block at the bottom of your page, simply click once on the "T EDITOR" icon.
FINAL STEP
To add your text, simply click inside the newly placed block or click on the pencil icon on the upper right corner and click on advanced. The text editor will open on the right side menu and you'll be able to add a Title and Text to your block as needed.
Scroll to the bottom of this menu and click save changes once you have entered your text.
PRO TIP: When you copy and paste text from an external source, like a 3rd party website, ChatGPT, Microsoft Word, etc, there's a chance that formatting might be included along with the text. This can lead to changes in the appearance of your text within the editor. However, there's a simple solution to this issue.
Before pasting the text into the Text Editor, consider using Text Edit (on a Mac) or Notepad (on a PC) as an intermediary step. By pasting your text into one of these plain-text editors first, any formatting from the original source will be removed. Then, you can safely copy the plain text from Text Edit or Notepad and paste it into the Text Editor without any unwanted formatting interference. This ensures that your text will appear correctly and maintain its intended appearance in the Text Editor.
ADDING A BUTTON TO YOUR TEXT EDITOR BLOCK
You can easily add a button to your text editor block and choose from the following options for what happens when a visitor clicks or taps on the button:
- NONE: The button will not link anywhere and exists for aesthetic reasons on your page.
- EXTERNAL LINK: Direct your clients to helpful resources that exist in a place other than your website.
- PAGE: Direct your visitors to an existing web page on your website.
- FORM: Connect to a Custom Form you have created in your FORM BUILDER.
- MARKETING: Direct users to a Campaign or Landing Page you have created in the MARKETING tool.
- FILE: Allow users to open a PDF, JPG, PNG, or GIF file that has been uploaded to the DOCUMENTS area of your account's FILES section.
- PHONE: Connecting your button to a phone number allows users to quickly click to call you.
- EMAIL: Connecting your button to an email address opens a user's default mail client to easily send you an email.
- ADDRESS: Allow users to find where you are by opening an address in Google Maps.
- VIDEO: Add a video embed code obtained from YouTube or Vimeo to play in a light-box.
- POP-UPS: Enable one of your pop-ups to pop up when the button is clicked on to easily notify clients of your promotions, discounts or to sign up for your newsletter.
LAYOUT OPTIONS FOR TEXT EDITOR BLOCK
You can display your text either of the following layouts:
- One Column: Your text will display in one block.
- Two Columns: Your text will be broken into two blocks.
STYLING
The styling section includes the following styling options for your text editor block:
- Title Alignment: Controls the Title section alignment and can be left, right, or center.
- Button Alignment: Controls the Button alignment and can be left, right or center.
- Editor Left-Right Padding: Controls the amount of space to the left and right of a block.
- Space Below Blocks: Controls the amount of space before the next block begins.
- Space Inside Blocks: Controls the amount of space at the top and bottom of a block.
After you've set your styling options, click on save changes at the bottom to apply them to your block.
COLORS
The colors used in your text block by default will use your global color scheme. You can override your global color settings to customize the colors used in the text block in this section. Click on the color square or enter the HEX color code to customize the color for the following sections:
- Title Color: This is the font color of your title section. By default, this will be set to the Accent 1 color in your global color scheme.
- Text Color: This is the font color in the text section of the text editor block. By default, this will be set to the Site Text color in your global color scheme.
- Button Text Color: This is the font color of the text on the button of your text editor block. The default on this will set to the Button Text color in your global color scheme.
- Button Background Color: This is the font color of the button background in your text editor block. The default on this will set to the Button Background color in your global color scheme.
- Background Color: This is the background color of your text editor block. By default, this color will be set to the Site Background color in your global color scheme.
Click on Save Changes to apply your changes to your text editor block colors. The customized message will apply to any colors you've changed from your default color scheme settings.
BACKGROUND
You can add a background image to display behind your Text Editor block by adding a background image. You can upload your own custom background image or choose one from the Background Library. You can customize how the background image is displayed under the Background Settings.
If you upload a Custom Background or select a file from the Background Library, you can customize how the background image is displayed under the Background Settings from the following 4 different options:
- Tile: Will tile your image to fill the background
- Top Left: Will align your image to the top left
- Centered: Will align your image at the center of the available space
- Cover: Will scale your image to be as large as possible to completely cover the background
Click on Save Changes to apply your changes to the background settings.
FONTS
You can easily customize the fonts you're using on your text editor blocks to override your global font settings. You can change the font, font size, letter spacing (kerning), and line height for any of the following items in your text:
- TITLE
- PARAGRAPH
- HEADING H1
- HEADING H2
- HEADING H3
- BUTTON TEXT
Click on Save Changes at the bottom of the control panel menu to apply your changes.
If you have any questions about the Text Editor block, please give our Support Team a call toll-free at 866.463.7620 or send us a live chat from your PhotoBiz control panel. We're available Monday - Friday 9:00am - 6:00pm EST and we're happy to help you however we can.
0 Comments