Add and edit an article item in a landing page

One of the items in the Landing Page Designer that you can use in designing your landing pages is an article. Articles typically consist of two parts: an image and a text. You can use articles to connect your landing pages to your site.

After adding a layout, you can add an article item to your design.

A. Add an article

1. In the designer’s left pane, click the Items tab.
   
2. Drag and drop the Article item to an empty layout in the editing area.
   Note: You can add an article item to any layout except the 1/3 or 1/4 slots. 
3. Click the article item to display the Article settings in the designer’s right pane. You can now edit the text and image parts of your article. You can either scroll down to view the available settings or use the Search field to enter the name of the setting you want to edit. 

B. Edit the text part of the article

1. Click the article item to display the Article settings in the designer’s right pane.
2. In the Content tab, in the text field, enter the article text by typing it directly or pasting the text.
3. You can edit the content, style, and settings of your text as you would in a landing page text item.

C. Edit the image part of the article

1. Click the article item to display the Article settings in the designer’s right pane.
2. Click Add Image to browse and use the image picker to upload an image from your computer, or from a variety of applications. 
3. The default layout of the article items is an image on the left and text on the right. To switch the positions of the image and the text, scroll to Image position and select Right.
4. After adding an image, additional options are displayed to edit the image:
   • Crop Image: click to define parts of the image you want to retain.
   • Natural Size: click to resize the image to its original dimensions.
   • Full Width: click to resize the image to the maximum image width in the article.
   • Remove Image: click to delete the image in the layout. 
   • Change Image: select a new image to replace the current one.
5. You can also resize the image manually. In the editing area, click and drag the bottom-right corner of your image to increase or decrease its size in the layout.

D. Edit additional settings

1. Click the article item to display the Article settings in the designer’s right pane. 
2. Edit the additional article settings. You can set the following:
   • Background Color: select the background color of the article. By default, this is set to Transparent.
   • Shadow Settings: click to edit the horizontal or vertical shadow length, adjust the blur and spread radius, shadow color, and then click Apply.
   • Padding: click the lock icon to display these options: Padding Top, Padding Bottom, Padding Left and Padding Right, then enter the row padding or use the up and down arrows to edit the padding from 0 to 2000.
   • Text Vertical Align: select Top, Middle, or Bottom alignment for the article text.
   • Image Alignment: select Center, Left, or Right alignment for the article image.
   • Image Width: enter the width or use the up and down arrows to edit the image width. The maximum possible value for image width is 2000.
   • Image Height: enter the height or use the up and down arrows to edit the image height. The maximum possible value for image height is 2000.
   • Image Border Radius: enter the radius or use the up and down arrows to edit the image border shape between a rectangle and a circle.
   • URL Link: enter the URL of the page that clicking the image leads to.
   • Alt Text: enter the alternative text description of the image.
   • Spacing: enter the spacing or use the up and down arrows to edit the distance between the image and the text.