Customizing Your Webpages

Owned by anthony.pires
Last updated: Mar 11, 2024 by joe.pernick (Deactivated)
3 min read

Welcome to our Web Builder tool! This module features a simple drag & drop tool that allows you to easily design and maintain your website.

Be sure to migrate your website to the new website builder if you are on our old website builder

  1. Manage your group

  2. Click on the Websites dropdown and select Edit Web Pages

  3. Click the generated URL for your Group to access your website

  4. Click the Menu icon to navigate back to the manage page or the Edit icon to access edit mode

  5. Drag widgets from the left side to add to your webpage. Like building blocks, these widgets are the content elements that allow you to build a page. Simply drag and drop any of them from the left to the right section of the screen to add content to your website. 

  6. Once added, you can easily edit content by clicking on an element and updating it

  7. The draggable toolbox allows you to insert and edit specific content (bullet points, numbered lists, links, and images)

    toolbar option to help customize website

  8. The draggable toolbox offers the following functionality:

  • Edit a link

    • Place the cursor on the link and then click on the Link icon in the toolbox

    • An Edit area should appear on top of the link, allowing you to edit the URL

    • Click the green Check icon once you are done

example of customize website with adding a link

  • Edit an image

    • Click on the image and an orange border should appear on the edges of the image

    • Click the Image icon in the toolbox

      example on how to add a image on your website

    • Upload your image.

      example of inserting image on website

    • Resize your image by placing your cursor around its corners.

      example on how to resize image on website

    • Click again on the default image, and click the Delete button of the toolbox.

      example on how to delete an image from website

  • Wrap text around an image

    • Drag and drop a paragraph stripe, or pick an existing paragraph. 

      example on how to drag and drop widget template

    • Place your cursor at the end of the paragraph and click the Image icon in the toolbox to upload one.

      example on how to add wrap image around text in widget

    • The image will be added under the paragraph.

      Click on the image, move it to the desired edge of the paragraph and drop it.

      full example on how an image is wrapped around with text

  1. Once the edits are complete, be sure to Save or Cancel your edits

 

Please contact support@campusgroups.com with any questions

 

Â