Widget Content

If you want to add content to your website you have two options to do this:

via the Frontend and via the Backend.

We recommend to use the Frontend, so you won't have to insert the route manually.

Frontend

If you are on the frontend you'll find a plus-button on the upper right corner of the particular container which leads you directly to the backend.


By following these steps you can create new content :

  • choose a template
  • choose a widget style if needed
  • insert the content depending on the widget
  • define on which site the content should appear by setting the route (e.g. "app/site/index")
  • choose one of the following container: top;main;bottom
  • choose a rank to set the position of the widget (e.g. "000" for the header. We recommend to use at least 3 digits in case you want to put something in between later)
  • click create

Backend

If you are on the submenu "widget content" a list of all added widgets is provided.

Here you have to click the new button up left (see image below) and follow the previously said steps.

/en/filefly/widget_template

filemanager


Basic Widgets

Content

  • Provides a headline, a subline and as many rich text paragraphs as you want.
  • If you want to insert a link, just mark a word or textpart and click on the link icon. By doing this a pop-up will appear where you can insert the URL.
  • Each Paragraph is able to have a button. You can label the button right under the rich text area and also set the link.

Usage example: Plain Text, Introduction Text

dashboard


Content & Image

  • Provides a rich text area and an image
  • You're able to choose if the text position should be on the right or left
  • By unselect "Container on/off" text and image will fill the whole width.
  • Choose an image within the dropdown menu "image URL". In Case you haven't upload the image yet, go to Media Files.
  • If you want you can add SEO key words for the image. By doing this you optimizate the process of affecting the visibility of your website in a web search engine's relusts.

Usage example: create content with example image (content described by images are more attractive for visitors), Product Presentation

dashboard


Content blocks (1-6)

  • You can choose between one and 6 blocks
  • each of it comes with an image, a subline, a headline, a rich text paragraph and a button

Usage example: teaser for content on the second level

dashboard


Content Icon blocks (1-6)

  • you can choose between one and 6 blocks
  • each of it comes with a variety of predefined icons and let you choose one of it
  • also you're able to insert a headline, a rich text paragraph and a button

Usage example: Teaser for content on the second level, Presentation of Functions

dashboard


Footer

  • Gives you the option to insert a logo and as many links you want to add

Usage example: impress, contact, partner, further links, social media links

dashboard ___

Header Image

  • provides a background image with a headline and subline

Usage example: Header, Teaser, Seperator, Visual Key, Introduction

dashboard


Header Video

  • provides a background video with a headline and subline
  • To insert a video copy the ID of a youtube video (e.g. https://www.youtube.com/watch?v=tNm_VYktQCo so you have to copy: tNm_VYktQCo )

Usage example: Header, Teaser, Visual Key, Video Presentation

dashboard


Separator

  • Let's you insert an image
  • If you want you can add SEO key words for the image. By doing this you optimizate the process of affecting the visibility of your website in a web search engine's relusts.

Usage example: Seperate content, Styling of your website

dashboard


Slider

  • You can insert as many images as you want and add a discription

Usage example: Gallery, Image Carousel

dashboard



Help us to improve the documentation, fork this page.