Content on the body of a website page can be edited in the website editor. To edit the contents of a website page, click on the “Edit” button next to the page name.
Context Box Types
In the website editor, content boxes will be placed throughout a page to make up the overall look and content that is placed on the page. The type of content box can be changed via the content type drop down in the upper right corner of the content box. There are three types of content boxes: text, image/video and widget.
Adding Content Boxes
To add content boxes to a page, click the add content button at the top of the page. Multiple different content layouts will appear to select from.
The content box type that you select will be added to the bottom of the page in the website editor. To move the position of content boxes up and down on a page, the up and down arrows that appear on the left side of the boxes can be used to move the boxes up and down. The X option will allow you to delete that row of content boxes.
Text Content Boxes
When the content area is set as a text box, you can use the Text Editor to make changes to
existing text or to create new text.
This area works much the same as other word editing platforms. You have the ability to bold, italicize, and underline text. You can use different typefaces and colors to make your text stand out. Mousing over each button will provide more detail on what it does.
Undoing/Redoing Changes
If you need to undo a change you’ve just made, click on the arrow on the left. If you need to reverse that undo, click on the arrow on the right.
Adding Tables
To add a table in a text box, click the table icon.
In the table properties window you can enter how many rows and columns you would like the table to be, along with the width and heigh of the table. You can add a border around the table. The higher the number, the bigger the border. You can even set it to zero to give the table the sense of invisibility. Alignment, caption and summary are additional options. Click “OK” when you are done.
NOTE: The nature of tables is such that they’re not mobile-responsive. Bear in mind when creating tables that they may not perform perfectly on all devices.
Once the table is added, you may need to edit it. To do so, right-click on the table to view the editing options. Note that you cannot change the number of rows and columns from the properties screen once a table has been created – you will need to delete or add sections from the individual types of section (i.e. Cell, Row, Column, etc.).
Inserting Pictures
To insert a picture into a text field, click the image icon in the text editor.
This will open the media files window. Either click the down arrow icon on an existing image to add it to the page, or use the upload image option to upload a new image from your computer.
Resizing/Editing Photos
To resize a photo, right-click on it and navigate to “Image Properties”.
In the Image Properties menu, you will have the option to enter (in pixels) the dimensions of the photo in the Width and Height fields.
Make sure that the padlock icon beside the width and height options is set to closed. This will ensure that any changes you make to dimensions remain proportional and prevent any unwanted distortions. Click “OK” at the bottom of this text box in order to save your changes.
From this same menu, you can also add a border. The higher the number, the thicker the border will be around the image.
You can add padding (space) around the photo by adding numbers into the Hspace (Horizontal) and Vspace (Vertical) boxes.
NOTE: Editing images outside of the CMS (prior to uploading them) will always lead to the best
results. In some instances, images edited within the CMS will not remain entirely mobile-responsive.
To wrap the photo around text, you can set the alignment as either Left or Right. Bear in mind that when photos share space with text, they may not always be responsive on mobile devices as screen sizes vary.
To guarantee responsiveness, place photos in separate placeholders.
NOTE: Once you have uploaded a photo to your system, it will be saved to media files. You can search its name and use it again without needing to reupload it.
Adding Links
To create a link, highlight the section of text or the image you want to link and click the link icon.
To unlink a linked section, highlight the text or click the image that is already linked and then click the link icon with an x.
A variety of different link types are available in the link type dropdown on the link window.
To link to pages within your website, leave the link type as "CMS Page" and then simply type the name of the page to which you wish to link. Click “OK”.
To link to an external website, change the link type to "URL" and type the URL in the text box. If you’d like to have this (or other links) open in a new tab, navigate to the Target section at the top of the link pane and select “New Window” from the drop-down.
To link an e-mail address so that users will be able to send e-mails directly by clicking the link, simply choose "E-Mail" and then paste the receiving e-mail into the email address area. Click “OK”.
You can also link Documents for download by selecting “CMS Document” from the drop-down menu. Begin to type the name of the document as it appears in your document list section and the document will show up as an option to select.
If the document is not in the document list section of the system it will not appear as an option. Make sure to upload the document under the document list section before trying to link to it.
Adding iFrames
An iframe is essentially a “window” to another website. You can embed them on your website by clicking the i-frame button in your text editor.
Once the window opens up, paste the URL for what you want to embed and adjust the width, height, and alignment fields until you are comfortable with the results.
NOTE: iframes will not always appear from the moment you hit “OK”. You may need to click “Save” and view the “Preview Site” to examine your work.
Image/Video Content Boxes
Instead of using your content area solely as a text box, you have the ability to place images or videos in that space using the image/video content box type. To do this, click on the drop-down menu in the upper right corner of a content box and select Image/Video.
Once you have switched a content box to be an Image/Video content box, your Media Files should open automatically.
If you are adding a photo that you have previously uploaded, you can simply search for it in the search bar. If you need to add a new photo, you can use the upload images button to upload a new image. Once the photo is uploaded, click the down arrrow icon to place it into the content area.
NOTE: Image placeholders do not have the ability to adjust image properties (above). If you anticipate the need to change these, place them in a text content area instead.
If you want to add a link to an image that is placed using the image/video content box, click the link icon in the upper right corner of the content box.
Videos can be added in an image/video content box through the "Add Youtube Video" option when adding a media file.
Clicking on this prompt will open another window where you are able to add the link for a YouTube video in the top field.
Once you’ve added a video, you will be able to adjust the width. Usually 500-750 (pixels) is a good number. Once you’ve clicked “Save”, it will be added to the Media Files like any other image. Note that once a video is saved, you cannot re-size it. You will need to upload it again via the steps above and put a different size in the “Max. Width” field.
NOTE: To embed a video, it needs to be hosted on YouTube. In the instructions window for adding a video, you can click “Click Here” to be directed as to how to upload a video to YouTube. You may wish to add them as Unlisted videos, depending on the circumstance. This means that only people with the link to the video are able to find it.
Widget Content Boxes
Widget content boxes allow you to add a variety of widgets to a content box area. The widget content type is represented by a gear icon in the content box type dropdown.
Once you select the widget option, you will be presented with a list of several different types of widgets that you can add.
- Slideshows - Click on the Slideshow Widget to be brought to a Media Files screen. From here, click on imagery will add the images to the Slideshow column on the right. In that column, you can click and drag images ensure the ideal order (when displayed in the Slideshow). In the field above, you can enter the number of seconds that the slideshow dwells on each slide.
- Newsletter - Allows your users to sign-up for Newsletters through your site. There are two types of Newsletters available:
• Living Again – These are daily grief support e-mails from FuneralTech.
• 52 Ways to Celebrate Your Loved One - No longer supported.
Once you’ve selected the Newsletter you’d like, it will automatically place itself into the content box. - Map - The map widget allows you to embed a map by entering address information or specific coordinates.
- Advanced Slide Show - Advanced Slide Shows are identical to regular Slide Shows except that they allow for text to be placed on the slide. Even links may be placed.
After adding your slide show images, the option will appear to click “Next Step” at the end of the Slideshow page. It will advance to a pane where options to add text captions and buttons with links will be available.
- Site Search - This allows users to search your site for their subject. If you have multiple sites, you can check a box to indicate whether or not you’d like users to be able to search all sites at once.
- URL Selector - This section allows users to create a series of links for their visitors to easily select from a drop-down. First, a name must be created for the Selector. For example, if you wanted to link to monument companies in the area, you could call it Monuments.
From there, you may add additional links for different monument companies. The label would be the name of the company, where the URL would be their website. This is an efficient way to direct users to a variety of exterior sites in a general area. - Tabbed Content Panel - This section allows users to organize a page to prevent it from becoming overlong. An example of where this may be used is a Local Resources page. A Tabbed Content Panel could be created with tabs for each of: Churches; Cemeteries; Florists; Hotels etc. This prevents the page from becoming overlong and it allows users to easily find the information they’re looking for. The “Create” button allows you to create a new tab. Once it has been created, it can be edited by clicking on the “Edit” button. Editing a tab is like editing any text placeholder. The “Advanced Settings” allow for the following actions:
- Always Show Accordion: This will ensure that all tabs always remain visible for clicking in longer tabbed panel areas.
- Accordion – Allow Multiple Open Sections: This ensures that any open tabs remain open when a new tab is selected.
- Accordion – Start Collapsed: Selecting this makes it so no one tab is open when the viewer first visits the page.
- News and Events - This section showcases content configured in the News & Events section. You have the option to select how many Events you’d like to showcase, the name of the feed, or standard Title options. Click “Save” when you are satisfied.
- Death Record Search - This section creates a simple search bar that allows users to search for their loved one from any page on your site.
- Death Record Listing - This widget allows for you to place a listing of Death Records on any page of your site. They are organized and formatted to match your template, and they sort in the same format as configured on your site. You have the ability to filter by location, to select the number of records you’d like to show, and to choose whether you’d like them to display horizontally or vertically.
- Contact Form - This section creates a simple Contact Us form that can be placed on any page of the site. Unlike the forms in the Forms system, this is a direct line for users to e-mail you. They will not be able to see the email address they are contacting. When a Contact Us form is being placed, you will have the option to enter the e-mail address(es) you’d like to receive the e-mails. Multiple addresses may be entered by separating them with commas.
You may wish to enable the Captcha. This is a visual test that aims to prevent spam from bots. Some users find it difficult to solve, and so it is possible to disable the Captcha. This editing can be done on live forms simply by clicking the Widget. - Form Link - You can use the Form Link section to make an easy call to action for one of your forms. Click on it, then you will be brought to the configuration pane:
Enter the name of the form you’d like to link to and select the image you would like to use. You can then save and the button will have been automatically created. - Blog Listing - This widget will allow you to display entries directly from your Blog. Simply select the number of entries you’d like to display at a time, as well as the blog you’d like to source it from. Then click “Save”.
Editing Layout
You will notice as you work on the website that Header, Footer, and Sidebar sections operate differently from the rest of the page. In order to edit these areas, you will need to navigate to the “Edit Layout” button in your Navigation bar.
From there, select whether you’d like to work on the Home page or the Inside page. Please note that if you edit the layout on inside pages, these changes will affect all Inside pages, including Widget pages.
**As these pages are a part of the template, you do not have the ability to add new content boxes to the layout. Only the boxes that appear in these areas as part of the theme by default will be available.
Changing Your Theme
Depending on which website design template you have chosen, you have the ability to switch between the different themes included in your Skin Pack. Click “Change Theme” from the Edit Site menu to switch between your available themes.
You can preview each theme by clicking on the photo and a preview will display on the left hand side of the screen. When you have made your selection, simply click “Save”.
**This is only possible in the following templates: Clarke; Acorn; Beacon; Countryside; Eurlington; Middleton; Mountainview; Oak Valley; Progressive; Cottage Lake; and some legacy themes.
Saving, Previewing and Publishing Changes
To save changes in the website editor without publishing them to the live website, click the save button in the upper right corner.
Saved changes can be previewed using the preview site button at the top of the website editor. This will take you to a live version of the website page to preview changes you made in the editor before publishing them to the live website.
To publish your changes to the live website, click the publish site button at the top of the website editor. This will make your changes in the editor appear on the live website.
Multiple Site Systems
If you are a user with permissions to access all sites in a shared platform, you will see your drop-down menu to the left of the “Change Theme” button in the navigation. Select the site you wish to work on from the drop-down to open that specific website in the website editor.
