Custom text blocks allow you to add custom content to your campaign pages. While Classy also offers custom code blocks for adding content, text blocks are a good option if you do not have coding knowledge. And even for those who do have coding knowledge, custom text blocks can be a more convenient option.
In this article, we will explain how to create a custom text block using the following steps:
Create a Text Block
1. Open the campaign you want to edit and click the Pages Tab
2. Select the page you want to add a text block to
Note: We chose the Landing Page for the images in this guide, but you can create a custom text block on any Classy page within a campaign. That said, we recommend keeping custom blocks off of Donation Pages where streamlining is key.
3. Select the Design editor and click on the Add Content to Page Dropdown
4. Drag and drop the Text content block to the desired place in the left-hand menu
- For the images in this guide, we placed our text block between the About and Activity block
5. Click on the Text content block once placed to open your editing options
Edit the Text
1. Write your headline in the Headline text block
- Click the headline color circle to change the color of your headline
- You can hide your headline by checking the hide headline checkbox
- From here you can change the alignment, font, and color of your text
Add Media and Links
You can also add images or video to your custom text block to make them more engaging.
1. Click the upload image or insert video buttons at the bottom of your content block
- The upload image button looks like a picture
- The insert video button looks like a camera
- The insert link button looks like a chain
Pro tip: We recommend experimenting to leverage the full potential of custom text blocks. For example, you could upload a picture of a button and add a link to it to create a custom button. We’ll keep our focus on the fundamentals for now, but feel free to get creative.
Edit the Background
1. Click the Background Color Circle to add a background color
- You can use our palette or add a Hex Code Value
2. Or click Upload Background Image to add a background image
- If you use a background image, the background color will not display
3. Use the image position dropdown to change the style
- Steps 3 and 4 are not available unless you add a background image
- We recommend trying out each style to see which keeps your text the most visible
4. Move the image opacity slider to change the opacity
- At 0 percent the image will be transparent and the background color will display
- Move the slider just a bit to the left to make your image appear tinted by the background color
5. Click Save & Update Page at the top of your editor to save your work
If you have mastered custom text blocks, custom code blocks can give you even more creative control. If you have coding experience, take a look at our custom code guide to learn more.
Or if you have any questions, please contact our Care Team.
Back to top