Story Marketing Content

This page describes how story marketing content is mananged on this web site.

 

Published Pages

These are the pages that the public interacts with. Use these pages to add to or edit the story content on the published web site. 

 

Story content pages (one for each blue button) exist as pages hidden from the main navigation of the web site. To see a story content page a visitor must select the button for that area of content and the page will refresh to that content. Subsequent selections take you between that page and other pages.

 

These pages look like the public web site and have two key components for story marketing content:

  • The button menu

    • edited using the button menu script and iFrame settings as described below.

  • The content field

    • edited using the story content pages described below

Button Menu:

Navigates between the story content pages. Can be modified using a script and iframe settings.

Content Field: 

Displays the story content area navigated to. Content is static and manually edited.

Story Content Pages

These are hidden from the public and are not linked to on the public web site. They show up in the pages tool with the prefix "Story-".

 

Use these pages to navigate the raw content provided by story marketing to select new content to be added to the public side of this web site. 

 

These pages look have two parts:

  • The story content link for that section

    • use this link to reset the iFrame if needed.

  • The iFrame

    • When you preview the page you will be able to navigate the iFrame and broswe through that section of story marketing content. You can then select pieces of content to add to the public side of the web site, described below.

!Caution About Editing Pages!

Any change to a header or footer element will change every page on the web site and may break the display of mobile pages.

 

Be extra careful when editing to only edit the items in the content area. Most Items in the header and are locked but that does not stop you from editing them.

Header Area: These items appear on every page. Changing them will reflow every page in the site

Image Strip: This item appears on every page but contains different images. You can change the image but must leave the position and object in place

Page ID: part of content area. Is locked but can be edited.

Content Area: The content area has different content for each page and is unique for that page only, except fo the story marketing area which shares a common layout between pages. A change made to items in the content area will only be reflected on the page the content exists on. Each time you make a content change you should review the change in the mobile view to be sure the layout there has not changed.

Footer Area: These items appear on every page. Changing them will reflow every page in the site

Editing Existing Public Content

There are three ways to edit exisitng public content: modify the content already published, add more content to allready published content, replace published content with new content, add a new area (a new button) or remove an area of published content.

 

Modify published content:

  • use the pages tool to open the public page you want to edit

  • click on the story content field and select "edit text" in the text pallet.

  • a rich text editor pallet will appear above the field.

  • select the text you want to change or position the cursor where
    you want to make additions.

  • be sure to use the preconfigured styles from the upper left menu in
    the rich text editor pallet, using bold, bullets and other styles
    where appropriate. 

  • be careful not to modify the position of the "text field" in the public view,
    and do not delete the text field in the public view, d
    eleting the field
    would cause the mobile view of the page to break and would need
    to be reflowed

  • select save from the wix tool bar at the top of the browser window
    (changes are only visible in the editor view) 

  • select publish from the wix tool bar at the top of the browser window
    to make changes visible in the public view (a save/publish command
    saves/publishes the whole site) 

 

Add a new piece of story content to already published content:

  • use the pages tool to open the "Story-" content page for the contentarea you want to select new content from

  • select the preview button from the wix tool bar at the to of the browser window, the window will refresh and the wix bar will be replaced with the preview bar with a blue return to editor button in the left corner - you can now interact with the content.

  • navigate to the content you want to add

  • highlight the content and select copy (type cmd/cnt c on keyboard)

  • select the return to editor button to close the preview and reopen the editor

  • use the pages tool to open the public page you want to edit

  • click on the story content field and select "edit text" in the text pallet

  • a rich text editor pallet will appear above the field

  • select the text you want to change or position the cursor where you want to make additions and choose "paste and match style" form the web browsers "edit" menu.

  • the copied text will be insered into the text field and should match the style you pasted it over. If styles to not match or the text formatting needs adjustments make those using the same proceedure detailed in modify published content above

  • select save from the wix tool bar at the top of the browser window(changes are only visible in the editor view) 

  • select publish from the wix tool bar at the top of the browser window to make changes visible in the public view (a save/publish command saves/publishes the whole site) 

 

Replace published content:

  • same steps as above... just be careful to delete the "text in the field" and not the "field"itself, deleting the field would cause the mobile view of the page to break and would need to be re-worked.

 

Add or remove a new button:

See the section below, Editing Navigation. 

Add/Remove a Page/Button and Button Navigation

The story content is managed by a javascript that is deployed by an iFrame. Each story content page has one of these iFrames on it, making the left hand navigation vertical button bar. The parent page (About Compounding) has four of these iFrames making the four stacked menus in the content area.

 

General Information

The javascript can be accessed on the page... Story-Navigation Script details for modifying the script and deploying it are available on that page. Each button requires a unique ID (something you come up with) a title (something you come up with) and a page link (something produced by the wix application). By adding those items to or modifying those items withing the script and then deploying the script to the iFrame you can control what the menu displays and what page it links to. 

 

Remove a page/button

To remove a page you simply comment-out the menu item in the javascript for the iFrames on each of the story content pages. The page, the contents on the page and the pages place holders are not actually deleted they are just hidden from the site navigation.

Add a page/button

To add a page you will need to physically add a duplicate public page and add a new button item to the javascript for the iFrames on each of the story content pages. To add a button item see the Story-Navigation Script page for details. To duplicate a published story content page:

  • use the pages tool to open a story content page.
    - opening the page that should appear before the new page in the menu will help you manage the pages in the site.

  • Select the small blue gear to the right of the selected page in the menu list.

  • a settings and SEO drawer will open.

  • select the duplicate button at the top of the settings and SEO drawer 

  • a duplicate page pallete will open.

  • enter a page name in the field provided. Using a name similar to what will be used for the navigation button title is a good plan. Try to keep the name as brief as possible. 

  • after entering the page name, copy the new page title, then select ok and done. you will be at the duplicate page in the editor.

  • Paste the name you copied in the previous step into the first line of the content field so you do not get this page confused with the original page.

  • the duplicate page is now ready for new content and for addition to the button navigation script (Story-Navigation Script page for details).