Adding Collapsible Blocks in an Article

A collapsible block is a text block displaying its title as a single line. Once clicked, the collapsible block expands to display the entire text within it. 
Adding expandable text to your Wix site?
This article refers to adding collapsible blocks to Knowledge Base articles in the Wix Answers Help Center. If you need to add "Read More" / "Read Less" links to your Wix site, click here.

To add a collapsible block:

  1. Go to an article's Content Editor
  2. Hover over the left side of a content block and click the Add a block icon
  1. Click MORE and select Collapsible.
  1. Enter the title in the Title goes here field.
  2. Enter the text in the Write something field.

Related Articles

Creating an Article

Articles are the core of your Help Center. You can create 3 different types of articles for different needs. The following is intended to walk you through the process of creating an Informative article. You can also create:Feature Request articlesKnown Issue articlesInformative articles are likely the most common type of content you'll create for your Help Center. Create Informative articles to introduce features, provide step-by-step instructions, answer FAQs and more. To create an Informative article:Click the Knowledge Base icon in the side panel.Click + New Article at the top right.Leave the Informative Article type selected. (Optional) Select a category for your article from the Category drop-down. Note: An article must be in a category before you can publish it. You can move it to a category later.  Click Create Article.Enter the title of the article in the Title field. Tip:Save your work early and often by clicking Save at the top right. Click the Write something field and enter content for the article. Hover over the left side of the content block and click the Add a block icon . Choose a type of content block to add to your article:TextClick the Text icon and select a text type:Text: Add a standard block of text. Learn how to format your text.  Bulleted: Add a bulleted list. Use bulleted lists for single-step procedures or to list items that don't require a particular order. Numbered: Add a numbered list. Use numbered lists for multiple-step procedures that require a particular order. Learn more about adding text to your articles. SubtitleClick the Subtitle icon and select an option:Subtitle: Select a heading size to add a subtitle. Anchor: Add an anchored subtitle in the H3 heading size. Tip: Once you add a subtitle, you can hover over it to change the size or to add or remove an anchor.Informative NotesClick the Informative icon .Select a color: Green, Teal, Red, or Yellow.Enter the note title in the Title goes here field.Enter the note text in the Write something field.Tip: Hover over an informative note to hide its title or change its color. Learn more about adding informative notes. LinesClick the Lines icon.Select Dashed or Solid. Tip: Once you add a line, hover over it and click the Edit icon to change the line type.Image Click the Image icon . Click Upload. Select a file from your computer and click Open. (Optional) Add image alt text: Hover over the image and click Add Image Alt Text. Enter the image's alt text and click Save. Note: Uploaded images display at a maximum width of 628 px. When clicked, they expand in your browser window. Learn about other ways to add images to your article. VideoClick the Video icon .Paste the URL of the video.Click Get Video.Note: Currently, it is only possible to add URLs for videos uploaded to YouTube or Vimeo. Learn about other ways to add a video to your article.TableClick MORE and select Table.Enter the number of columns and rows that you need.Note: The header is automatically added on top of the table, so there's no need to add an extra row for it. Click Add Table.Learn how to add, delete, or edit your table. CollapsibleClick MORE and select Collapsible.Enter the title in the Title goes here field.Enter the text in the Write something field.Learn more about collapsible blocks. Code SnippetClick MORE and select Code Snippet.Select the type of code snippet you'd like to add. Tip: Hover over a code snippet and click the Edit icon to change the snippet type.IFrameClick MORE and select IFrame.(Optional) Edit the iFrame height.Enter the URL you'd like to embed in the iFrame URL field.(Optional) Click Disable scrolling to prevent scrolling within the iFrame. Click Add iFrame.Note: By default, a horizontal scroll bar appears when the width of the iFrame is more than 700px. Click Disable scrolling if you want to remove the scroll bar.HTMLClick MORE and select HTML.Double-click HTML Code and remove the existing code.Enter your HTML code.MarkdownClick MORE and select Markdown.Enter text using Markdown syntax. Click outside the Markdown block to preview the formatting you've written. Learn more about adding Markdown text.10.  Click Save at the top right.11.  When you're ready, click the Save drop-down and select Publish. 12.  (Optional) Select publishing options (Notify followers or Update URL). Show me more Notify followers: Send an automatic notification to followers of the article. Learn More Update URL: Update the live article's URL (if you've changed the title of the article). Note: The old article URL will redirect to the new URL.13.  Click Publish Article. Tip:View the live article once you've published by clicking View Live next to Save. 

4 min read

Working with Content Blocks

When creating an article, add various types of content as individual content blocks (e.g. text, images, tables). Each content block is an independent component. You can reorder content blocks or copy and paste them into the same, or different articles. Managing Content BlocksClick below to learn more about managing content blocks. Adding a content blockHover over the left side of the content block and click the Add a block icon . Select an option or click More for additional options. View Types of Content Blocks below to learn more about the content types you can add.Copying and pasting a content blockHover over the relevant content block and click the Copy icon .Click the Add a block icon in the same article or in a different article. Click the Paste Block icon .Reordering content blocksHover over the relevant content block.Click the Reorder icon  on the right and drag the content block to a new location in the article. Deleting a content blockHover over the relevant content block and click the Delete icon .  Types of Content BlocksYour articles consist of different types of content (e.g., text, images, tables) that you add as content blocks. Click below to learn more about each type of content block. TextClick the Text icon and select a text type:Text: Add a standard block of text. Learn how to format your text.  Bulleted: Add a bulleted list. Use bulleted lists for single-step procedures or to list items that don't require a particular order. Numbered: Add a numbered list. Use numbered lists for multiple-step procedures that require a particular order. Learn more about adding text to your articles. SubtitleClick the Subtitle icon and select an option:Subtitle: Select a heading size to add a subtitle. Anchor: Add an anchored subtitle in the H3 heading size. Tip: Once you add a subtitle, you can hover over it to change the size or to add or remove an anchor.Informative Notes Click the Informative icon . Select a color (Green, Teal, Red, or Yellow). Enter the note title in the Title goes here field. Enter the note text in the Write something field.Tip: Hover over an informative note to hide its title or change its color. Learn more about adding informative notes. LinesClick the Lines icon.Select Dashed or Solid. Tip: Once you add a line, hover over it and click the Edit icon to change the line type.Image Click the Image icon . Click Upload. Select a file from your computer and click Open. (Optional) Add image alt text: Hover over the image and click Add Image Alt Text. Enter the image's alt text and click Save. Note: Uploaded images display at a maximum width of 628 px. When clicked, they expand in your browser window. Learn about other ways to add images to your article. VideoClick the Video icon .Paste the URL of the video.Click Get Video.Note: Currently, it is only possible to add URLs for videos uploaded to YouTube or Vimeo. Learn about other ways to add a video to your article.TableClick MORE and select Table.Enter the number of columns and rows that you need.Note: The header is automatically added on top of the table, so there's no need to add an extra row for it. Click Add Table.Learn how to add, delete, or edit your table. CollapsibleClick MORE and select Collapsible.Enter the title in the Title goes here field.Enter the text in the Write something field.Learn more about collapsible blocks. Code SnippetClick MORE and select Code Snippet.Select the type of code snippet you'd like to add. Tip: Hover over a code snippet and click the Edit icon to change the snippet type.IFrameClick MORE and select IFrame.(Optional) Edit the iFrame height.Enter the URL you'd like to embed in the iFrame URL field.(Optional) Click Disable scrolling to prevent scrolling within the iFrame. Click Add iFrame.Note: By default, a horizontal scroll bar is added when the width of the iFrame is more than 700px. Click Disable scrolling if you want to remove the scroll bar.HTMLClick MORE and select HTML.Double-click HTML Code and remove the existing code.Enter your HTML code.MarkdownClick MORE and select Markdown.Enter text using Markdown syntax. Click outside the Markdown block to preview the formatting you've written. Learn more about adding Markdown text.

4 min read

Adding Images to Articles

Add images to articles to illustrate instructions, showcase products, show icons, and more. Add them as separate content blocks for easy rearranging or as inline images within the text. Supported file types:Wix Answers supports the following image file types: jpeg, jpg, png, gif, ico, bmp, and tiff.Learn more about: Adding images as separate content blocks Adding inline imagesAdding Images as Separate Content BlocksWe recommend adding images as separate content blocks whenever possible. This makes it easy to rearrange within the article, or copy and paste into another article. The image always appears centered on the screen and viewers can click to expand it. For example:To add an image as a content block: Go to the Content Editor of the relevant article. Hover over the left side of a content block and click the Add a block icon . Click the Image icon  . Click Upload. Select a file from your computer and click Open. (Optional) Add image alt text: Hover over the image and click Add Image Alt Text. Enter the image's alt text and click Save. Note:Uploaded images display at a maximum width of 628 px on your live articles. When clicked, they expand in your browser window.Adding Inline ImagesAdd an inline image whenever you need to add an image within a text, informative, or collapsible block. This method is great for adding icons within the same line as the text itself. For example, this Text icon  is an inline image. Tip:When adding icons, we recommend uploading images that are no larger than 16 pixels high to keep the spacing between text lines consistent. To add an inline image: Go to the Content Editor of the relevant article. Place your cursor where you want to add the image. Press the space bar on your keyboard then highlight the space you added. Click the Image icon . Choose an option:  Upload New Image: Click Upload New Image, select a file from your computer and click Open. Image URL: Paste the URL of an image in the Image URL field. (Optional) Paste a URL in the Link to (optional) field to link the image to a webpage. (Optional) Enter alt text in the Image alt text field. Click Update.Notes: To add an inline image below a step of instructions, press Shift + Enter on your keyboard, then double-click to open the text options menu. Copying and pasting images from other sources is not supported. To add images to your articles, use the supported methods above.

3 min read