•  

    Introduction to the WYSWYG Editor:

    The WYSIWYG( “What You See Is What You Get”) Editor enables you to:

    1. Edit any aspect of your webpage by using a copy of an existing page as a starting point.

    2. Set Personyze to track events taking place on the page, such as the visitor clicking on an element of the page, moving his mouse over it, or the visitors mouse leaving the borders of that element. 

    To create a WYSIWYG Action:

    1. Go to the “Add Actions to the Audience” Section.

    2. Click on the green “+Action” button.

    3. Make sure the “New” button is highlighted in green, and then.

    4. Choose the WYSWYG Editor from the list.

    5. You can edit any URL wich has your Personyze Tracker embedded –  but by default, your websites Homepage URL is the one that initially appears in the address bar.

    Note: if you are trying to use Personyze in a secure mode with SSL encryption, the WYSIWYG Editor may be prevented from correctly displaying and editing the page.  When trying to use the WYSIWYG Editor, use it in the Http:// instead of the Https:// mode.

    Editing The Page:

    1.       To Select an Element to edit:

    a.       Go over different the elements with your mouse cursor. Each element will be boxed in with an orange rectangle, and the orange element options menu would appear next to it.

    b.       Click on the element you want to edit.

    c.       to select another element click on the “Close Menu” option located at the bottom of the menu.

     Note: Notice how the element options menu turned blue once locked on to an element.

     2.       Enabling the Advanced Menu – The advanced menu lets you see all elements located at the selected page location, and manually choose the element you wish to edit. To activate the Advanced Menu Option click on the “Advanced Menu” button located to the left of “Undo” Button.

    After saving the WYSIWYG Action, you’ll notice the “Clicks” (CTR) metric, in the action statistics section.

    Edit and Save Changes:

    •   You can use the redo/undo button to go back and forth between all the different Actions.

    •       Directly underneath the redo/undo battons, is the Edit History column that remembers every change you’ve made to page in chronological order. To go back more than one adjustment at a time, just click on an earlier version.

    •   Once you are done creating your action, click on the “Save” button at the bottom of the page.

    Simulating Cookies –  The WYSYWIG Editor doesn’t run cookies, but the visitors viewing the edited page do.  Checking the “Run JavaScript” checkbox allows you to simulate cookies running in the background by running custom JavaScript while editing your page.

    Note: This is not the same as the JavaScript Content adjustment because it serves and serves a completely different purpose.

    When You are done Editing, don’t forget to click “Save!” :)

    To start working with the editor:
    1. Add Actions to the Audience Section.
    2. Make sure the “New” button is highlighted in gree.
    3. Choose WYSWYG Editor action from the list.
    4. Enter URL to edit - by default it starts from your site Homepage, however you can enter a new URL.

    Note: if you are trying to use Personyze in a secure mode with SSL encryption, the WYSIWYG Editor may be prevented from correctly displaying and editing the page. When trying to use the WYSIWYG Editor, agree to reopen Personyze in regular mode.

    Select an Element to Edit:
    1.     Go over different elements with your mouse cursor. Each element will be boxed in with an orange rectangle, and the orange element options menu would appear next to it.
    Unlocked Menu.jpg
    2.      Click on the element you want to edit.
    Locked Running Meny.jpg
    Note: Notice how the element options menu turned blue once locked on to an element.
    3.     The underscored words at the top of the menu represent different parts of the chosen element, such as pictures, slot holders, and containers. You can either modify the entire element (by ignoring the inner objects), or choose one of the objects  to modify, by clicking on it. Once you’ve chosen an object to modify, just use the menu below.
      Menu Options:
    1.     Resize – Change the size of the element by adjusting its width and height values.
    Resize.jpg
    2.     Edit Properties –
    Edit Properties.jpg
    3.     Change Image – Choose Image by either providing a different URL or choosing a different file.
    4.     Duplicate – duplicates a chosen element
    5.     Drag – Allows you to drag an element to a chosen location on the page.
    6.     Reposition – an element in proportion to another chosen element.
          1. Chose an element and click on “Reposition.”
          2. Chose another element next to which you would like to reposition the previous one.
          3. Choose how to reposition the first element in relation to the second element.
    Reposition.jpg
    7.     Delete – an element from webpage.
    8.     New Element – upload and define a new element that would take part in the WYSWYG action.
    New Element.jpg
    9.      Track Event –  This feature allows you to use an element on your webpage to track events such as clicks on the element, When the visitors’ mouse passes over the element or even leaves the boundaries of the element. This information can then be used to activate a custom Javascript Segment, activate existing or custom actions, or even provide information to a predefined container.
    Track Even - Choose the Event to Track.jpg

    Note: Personyze automatically tracks the Click Through Rate for every Content Adjustment( such as banners, popups, etc). But when it comes to the WYSIWYG Editor, regardless of the adjustment you’ve made, the entire age is considered edited. Therefore, you need to specify the element to be tracked for this particular metric. This is done in the “Track Event” area, by choosing to track “Extra”, under  a “Click” Event.

     

    10.       Create Click Goal –   Sometimes, it is beneficial to keep track of clicks on more than one element on the page, and report them all under a single metric.   Create Click Goal  automatically creates and tracks an event to monitor clicks on the specified element. The Number of times all specified elements were clicked on, as a part of this particular action, will appear in “Action Statistics” under the “Unique Goal” column.

     

    Edit and Save Changes:
    1.      You can use the redo/undo button to easily redo/undo changes.
    2.     Directly underneath the redo/undo battons, is the Edit History column that remembers every change you’ve made to page in chronological order. To go back, just click on an earlier version.
    Undo Redo  Edit History.jpg
    3.     Once you are done creating your action, click on the “Save” button at the bottom of the page.
    5.     Choose/create page group - (optional) if needed you can create a page group to limit the action to happen only on specific pages
    Activating the Simulator from the WYSWYG Editor - 
    Running JavaScript:
    WYSIWYG Editor can be used to launch JavaScript Segments to simulate cookies or run set variables while editing the page:-  Check the “Run JavaScript” Checkbox on the bottom of the WYSWYG Editor (right where the webpage ends).
    -  Paste the JavaScript segment in the  appeared textbox.
    Use Javascipt.jpg

    Assigning an appropriate response to each action’s performance.

    At the bottom of every Personalization Action there is an ‘Alert’ feature. The Alert can:

    1. Send an email alerting that an action is underperforming,
    2. Automatically deactivate that action or audience when the visitor matches some audience( custom conditions are met).
    3. Or influence 3rd party apps via Webhook actions based on campaign performance.