How do I Add a Custom Text Block?

Last Updated: Nov 19, 2018 10:38AM PST

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:

  1. Create a Text Block
  2. Edit the Text
  3. Add Media and Links
  4. Edit the Background
 

Create a Text Blockthe pages tab

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.  

custom text content block

 

3. Select the Design editor and click on the Add Content to Page Dropdown

  • Custom text and code content blocks will appear

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 Texttext editor

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

2. Write your content in the Content text blockextra text settings
3. Highlight the text in your custom text block to open additional settings

  • 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. adding media to content text block
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

2. Click on the insert link button if you want to add a link to another page

  • 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 Backgroundadding background color or image

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

image style and opacity settings3. 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