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, look for the icon labeled "T EDITOR."
- To place it on the page, hover over the icon, click and hold, then drag the block to your desired location. A teal bar will indicate where the block will be placed once you release the mouse.
- For quick positioning, you can also just click once on the "T EDITOR" icon, and it will be added to the bottom of the page.
STEP FOUR
You can now add a Title and Text to the block using the editor. If you don’t have content prepared, click on "Ask PhotoBiz AI" in the top-right corner of the text editor, and it will help you generate text based on prompts you provide.
PRO TIP!
When copying text from external sources (like Word documents or websites), use the following keyboard shortcuts to avoid formatting issues:
- Apple/MAC: Command + Shift + V
- Windows/PC: Ctrl + Shift + V
Ask PhotoBiz AI
PhotoBiz AI is built into the text editor and can generate text for you. Simply click "Ask PhotoBiz AI" and provide a prompt. Here are a few example prompts:
- "Write a bio for a senior photographer with 10 years of experience based in Boston."
- "Help me write a personal and approachable 'About Me' page, focusing on my passion for photography and client connection."
- "Create an engaging description for my photography services, emphasizing my style and experience."
Click on the Generate Text button to have the copy generated by PhotoBiz AI.
Once the AI generates the text, you can review it, make edits, and click Save Changes to finalize it. If you’re not satisfied, you can submit another prompt to the AI.
ADDING A BUTTON TO YOUR TEXT EDITOR BLOCK
You can easily add a button to the text editor block and choose what happens when it is clicked:
- None: The button is for design only.
- External Link: Direct visitors to an external website.
- Page: Link to another page on your website.
- Form: Connect the button to a form created in the FORM BUILDER.
- Marketing: Link to a campaign or landing page in MARKETING.
- File: Let visitors open a PDF, JPG, PNG, or GIF.
- Phone: Set up a "click to call" button.
- Email: Link to an email address to open the default mail client.
- Address: Link to an address on Google Maps.
- Video: Embed a YouTube or Vimeo video.
- Pop-Ups: Trigger a pop-up to display promotions, discounts, or a newsletter signup.
LAYOUT OPTIONS FOR TEXT EDITOR BLOCK
Choose from these layout options:
- One Column: Displays the text in a single column.
- Two Columns: Splits the text into two columns.
- Editorial Left: Ideal for highlighting callouts, quotes, or testimonials.
- Editorial Top: Great for emphasizing key text sections.
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: Set the color for the title.
- Text Color: Change the font color of your text.
- Button Text Color: Adjust the button text color.
- Button Background Color: Change the background color of the button.
- Background Color: Set the background color for the text block.
Click Save Changes to apply your custom colors.
BACKGROUND
You can upload a custom background image or select one from the Background Library. Customize how the image is displayed with these options:
- Tile: Repeat the image to fill the background.
- Top Left: Align the image to the top left.
- Centered: Center the image in the block.
- Cover: Stretch the image to cover the block.
Click Save Changes to apply your background settings.
FONTS
Override the global fonts for your text block by adjusting:
- Title
- Paragraph
- Headings (H1, H2, H3)
- Button Text Click Save Changes to apply your font choices.
ANIMATIONS
You can choose between the following button animations:
- Fill
- Overlay
- Scale
- Arrows
Click on Save Changes to apply the button hover animation.
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.