Snippets Module and Snippet Effects

Snippets

What is a snippet?

  • This allows a user to add a part or piece of the content to be displayed on pages in a faster way.
  • The snippet can be placed anywhere on the site by using Curly Bracket, ex. {snippet_xx}
  • Every snippet will link to an internal page, a PDF (or word document) or content for the full details.

Why you would use a snippet?

  • If you are not familiar with code or programming this is the best tool for you to use. Snippets provide a way for you to insert ready-made code into your pages using the curly bracket. A user can display a small piece of content that can be reused throughout the site. Snippet features can also be added which give a rich functionality or user experience and interface.

How to create a new Snippet

  • Go to Admin Dashboard > Modules > Snippets > Snippet Listing

    Snippets
  • Click Create New Snippet

    Snippets
  • Enter the title, select categories abstract and order
    • Title - the title or name of your snippet
    • Categories - select the category/categories where you want to include or group your snippet.
    • Abstract - the content of your snippet

      Snippets
  • Click the Create button

    Snippets

How to edit/view details/delete a snippet

  • Go to Admin Dashboard > Modules > Snippets > Snippet Listing

    Snippets
  • Click the Edit/View Details/Delete icon on a snippet

    Snippets

How to add display Snippet curly bracket to page

  • Go to WebEd 9 site and log in as Administrator
  • Select a page that you want to show the snippet and click Edit

    Snippets
  • In the editor, click the Curly Bracket button to open the configuration curly brackets

    Snippets
  • Click the Configure button in the popup

    Snippets
  • Search for Snippet on the popup and click on the Snippet item in the resulting search

    Snippets
  • The configuration popup will display. Setup configuration options on the left side and review the UI (User Interface) on the right side
    • Category - select the category from the dropdown to filter the snippet
    • Snippet - select the name of the snippet you want to display
    • Enable Data Sheet - a checkbox option where the user must enter first their information or details before they can download any document on the page.
    • Template Name - select a template name from the select dropdown.

      Snippets
  • Click the Insert button to save. Click the OK button in the next popup to complete.

    Snippets
  • Click Update And Close. Then you can see the snippet on the page

    Snippets
  • Click on the snippet (has the document and enable data sheet from)
    Snippets


Snippets Effect

What is a snippet effect?

  • The snippet effects are the list of the snippet by using {snippeteffects_xx}
  • The snippet effects template has two places (one is the snippet category, and one is the snippet filter by snippet category)

Why you would use snippet effects?

  • When you want to embed or include some content by using the snippet category into the site, you can use the {snippeteffects_xx} to implement.

How to create a new snippet category

  • Go to Admin Dashboard >> Modules >> Snippets >> Snippet Categories

    Snippets Effect
  • Click Create New Snippet Category

    Snippets Effect
  • Enter Name, select Parent Category, enter the order

    Snippets Effect
  • Click Create

    Snippets Effect

How to edit/view details/delete a snippet category

  • Go to Admin Dashboard >> Modules >> Snippets >> Snippet Categories

    Snippets Effect
  • Click the Edit/View Details/Delete icon on a snippet category

    Snippets Effect

How to add display snippet effect curly bracket to page

  • Go to the WebEd 9 site and log in as Administrator
  • Go to the page that you want to show the snippet and click Edit

    Snippets Effect
  • On the editor click the Curly Bracket button to open the configuration curly brackets

    Snippets Effect
  • Click the Configure button in the popup Snippets Effect
  • Search Snippet Effects on the new popup and click the Snippet Effects item in the resulting search
    Snippets Effect
  • A configuration popup will be shown. Config options on the left side and review the UI on the right side

    Snippets Effect
  • Click the Insert button to save. Click the OK button in the next popup to complete.

    Snippets Effect
  • Click the Update And Close button. Then you can see the snippet effect curly bracket on the page

    Snippets Effect
  • Click on the snippet (has the document and enable data sheet from)

    Snippets Effect