How To Add Text + Image Blocks
Video tutorial on how to add text + image blocks to your PhotoBiz website.
The Text + Image block allows you to create dynamic content easily by incorporating an image with your text content. You can give your readers a "next step" by including a call-to-action button below your text content.
This guide will walk you through the different options for the Text + Image block in your PhotoBiz 9 website builder.
STEP ONE
Log into your PhotoBiz account and click on WEBSITE in the left-side menu.
STEP TWO
From your Block Editor on the right side of the screen, click on the TEXT + IMAGE block to add it to your page.
EDIT A TEXT + IMAGE BLOCK
Once the TEXT + IMAGE block has been added to your page, click inside of the block to customize it.
ADDING TITLE + TEXT
Begin by adding a title and text to your block. You can use the options in the toolbar at the top of the text editor to format your text to your liking. Make sure to click save changes once you're done.
Important Note: If you're copy and pasting text from an external source (such as another website, Microsoft Word, Pages, etc.) there may be some issues with unintentional formatting in the text itself. You can resolve this with an easy step, paste your text into Text Edit (on a Mac) or Notepad (on a PC) and then copy it again before pasting into the Text Editor. This will strip out any hidden formatting characters than may impact the way the text displays on your PhotoBiz website.
ADDING A IMAGE TO THE TEXT + IMAGE BLOCK
Next, add an image to the block. You may upload a new image, insert an image from the clipboard, or use a stock image.
The ALT TEXT section allows you to include alternative text (also known as an alt tag) for the image you've uploaded to your Text + Image block.
If needed, you can adjust the focal point of the image and add alt text. Click save changes to finalize your image selection.
ADDING A BUTTON TO YOUR TEXT + IMAGE BLOCK
You can use the Button to provide your website visitors a call-to-action after reading your text content. You can use your button in 10 different ways!
Link options include:
NONE: Your button would not link anywhere.
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: You can trigger a pop up from your marketing tools for things such as a video or a form.
LAYOUT OPTIONS
The Text + Image block offers 20 different layouts that you can choose from the display the text, image, and button you've added.
Text Overlay Layouts: The title, text, and button will lay over a portion of your image. You can adjust the opacity of the background behind the text in the Styling section.
Text Left/Right Layouts: The title, text, and button will appear to the left or right of your image without an overlap. This layout will display a larger image in comparison to your text.
Image Parallax Layouts: The title, text, and button appear to the left or right of your image with a scrolling animation.
Profile Text Layouts: Similar to the Text Left and Text Right layouts, the Profile Text layouts display your image to the left or right of your text, however the image is smaller in comparison to the text area.
Click save changes to apply the layout of your choice.
STYLING OPTIONS
The Styling area allows you to customize different options such as spacing, flushing, and text wrap depending on the layout you've selected.
Text Wrap: You can wrap your text around your image with any of the layout options that don't have an overlay or parallax effect.
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.
Flushing: This choice only applies to the Image Parallax layouts. Turning Flushing on will flush your Text + Image block to fill the width of the screen, whereas turning Flushing off will contain your block in the center of your site.
COLOR OPTIONS
You may customize the colors of your Text + Image block to be different from your global settings selections. Click on the color box to change your colors. You may select from your accent colors or pick a new color. Press OK followed by save changes when you are happy with your color selection.
BACKGROUND OPTIONS
You can add a background image to display behind your Text + Image block. You can upload your own custom background image or choose one from the Background Library. You can customize how the background image is displayed in the Background Settings.
FONTS
You can easily customize the fonts you're using on your text + image 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 banners:
- 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.
0 Comments