Register

How can I change the settings of my Text element inside the Form Designer ?

Moosend's Form Designer allows you tons of flexibility when it comes to changing the settings of a Text element contained within your subscription form.

Let's check out the details!

A. Editing your text.

1. Select the part of the text you want to edit.
SF_Text_Element_A_1.png

Selected text will be highlighted in blue.

2. Click on any of the available icons on the pop-up toolbar to edit your text accordingly. You can check each icon's functionality by hovering your cursor over it for a second. Your options are:
 

  • New Page
    Clears all content inside the text area.

  • Cut
    Removes selected text, while giving you the option to paste it elsewhere.

  • Copy
    Copies selected text, giving you the option to paste it elsewhere.

  • Paste
    Pastes the text which you have previously cut/copied on the designated text spot.

  • Paste as plain text
    Pastes the text which you have previously cut/copied removing any decorations (re: formatting, styling etc.).

  • Paste from Word
    Pastes the text which you have previously cut/copied from a Word document, retaining all decorations, fonts, links etc. 

  • Show Blocks
    Allows you to see the blocks in which your text resides, which is really useful when you use lists,  quotes, or paragraphs in the same container.

  • Edit Html
    Allows you to edit the Html code of the text you have added.

B. Customizing how the text looks

Click on any of the available icons on the pop-up toolbox to customize your text accordingly. Make sure that you have first selected the correct text to alter. Your options are:

  • Formatting Styles
    A drop-down list with a variety of block styles to quickly customize your text.

  • Paragraph Format
    A drop-down list with preset text sizes. Normal is the default setting.

  • Font Name Font Size
    Drop-down lists which allows you to select between commonly used font types and different font sizes (indicated in pixels). You can also browse different fonts by clicking on the Add Custom Fonts button located on the left of your Designer page.

  • Text Color Background Color
    Changes the text and background respectively by way of presets. Click on the More Colors... option to pick a color from a palette.

  • Align Left | Align Right | Center | Justify
    Various alignment options that stylize your paragraphs. 

  • Bold | Italic | Underlined | Strikethrough
    Decoration options most commonly used in landing page texts.  

  • Numbered List | Bulleted List
    Creates a numbered or bulleted list from the selected text.

  • Block Quote
    Places selected text inside a quote block. An available red paragraph button afterwards allows you to separate the quoted text from the rest by means of a paragraph.

  • Remove Format
    Removes any formatting from the selected text.

C. Adding and removing URL links

1. Select the text that will be used as a link.
SF_Text_Element_C1.png

2. Click on the Link button, located on the toolbox pop-up.
SF_Text_Element_C_2.png

3. Select the URL option from the Link Type drop-down list.
SF_Text_Element_C_3.png

4. Select the appropriate protocol from the Protocol drop-down list.
SF_Text_Element_C_4.png

5. Fill in the URL that your link will lead to.
SF_Text_Element_C_5.png

6. Switch to the Target tab inside the pop-up.
SF_Text_Element_C_6.png

7. Select the option that best fits your subscription form design from the 
Target dropdown list.
SF_Text_Element_C_7.png

8. Click the OK button when you're ready.
SF_Text_Element_C_8.png

9. Select the link you want to remove.
SF_Text_Element_C_9.png

10. Click on the Unlink button, located on the toolbox pop-up, to remove the link from the text.
SF_Text_Element_C_10.png

D. Adding an anchor link

1. Select the text that will act as an Anchor.
SF-Text-Anchor-1.png

2. Click on the
 Anchor button, located in the toolbar pop-up.
SF-Text-Anchor-2.png

3. Type in the Anchor Name in the designated area.
SF-Text-Anchor-3.png
This will serve as the identifier for your anchor, as you'll need to link to it later.

4. Click on the OK button.
SF-Text-Anchor-4.png


5.Check that the red flag symbol has been added next to your text, signifying that there's an anchor available in that section of your subscription form.
SF-Text-Anchor-5.png

6. Select the text which will lead to your anchor when clicked on.
SF-Text-Anchor-6.png

7. Click on the Link button, located on the toolbox pop-up.
SF-Text-Anchor-7.png

8. Select the Link to anchor in the text from the Link Type drop-down list.
SF-Text-Anchor-8.png

9. Select the correct anchor by using the By Anchor Name drop-down list.
SF-Text-Anchor-9.png

Alternatively you can select the anchor using the Element ID drop-down list.
SF-Text-Anchor-Element_Id.png

10. Click on the OK button.
SF-Text-Anchor-10.png

E. Adding an email link

1. Select the text that will be used as an email link.
SF_Text_Element_E_1.png

2. Click on the Link button, located in the toolbar pop-up.
Sf_Text_Element_E_2.png

3. Select the E-mail option from the Link Type drop-down list.
SF_Text_Element_E_3.png

4. Fill in the E-mail Address in the designated area.
SF_Text_Element_E_4.png

5. Fill in the Message Subject on the designated area.
SF_Text_Element_E_5.png

6. Fill in the Message Body on the designated area.
SF_Text_Element_E_6.png

7. Click on the OK button.
SF_Text_Element_E_7.png

When your recipients click on the email link a pop-up window appears, giving them the option to send an email to their peers, based on the settings you've just set. 
 

F. Customizing the Text element container

1. Click on the Background Color option, located on the left side of your Designer page, to choose the background color of your text out of a palette.
SF_Text_Element_F_1.png

2. Click on the up/down arrows on the Padding option to change the height that the text will take up inside the container.
SF_Text_Element_F_2.png

Alternatively, you can fill-in the padding size number directly, in the designated area next to the arrows.

3. Clicking on the lock icon right next to the
 Padding field reveals more Padding options, namely: Padding Top, Padding Bottom, Padding Left and Padding Right.
SF_Text_Element_F_3.png

As before, use the up/down arrows to choose the amount of padding at the top, the bottom, on the left and on the right of your Text element.

4. Click on the Add Custom Fonts button to add new fonts for your text.
SF_Text_Element_F_4.png

Once you add your desired font, you can find it available for selection in the Font drop-down list inside the 
toolbar pop-up, along with the other text settings.