User Tools

Site Tools


editing_source

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Next revision
Previous revision
Next revision Both sides next revision
editing_source [2015/06/17 03:02]
christopher created
editing_source [2015/06/18 20:40]
christopher
Line 1: Line 1:
-**Under Construction** 
- 
 ====== Adding code to the source ====== ====== Adding code to the source ======
  
Line 7: Line 5:
 Often it is as simple as finding the relative position that you would like to insert an element. It can also accomplish complex tasks such as editing the size and function of a particular element on the page. The freedom of the WYSIWYG editor allows you to play it safe by just working with text or the advanced functions of editing the source directly. Often it is as simple as finding the relative position that you would like to insert an element. It can also accomplish complex tasks such as editing the size and function of a particular element on the page. The freedom of the WYSIWYG editor allows you to play it safe by just working with text or the advanced functions of editing the source directly.
  
-How to insert HTML code into the editor:  +===== How to work directly with the source ​=====
- +
-Go to yourwebsite.com/​admin +
- +
-Find and click on “Content pages” +
- +
-Scroll down to Content +
- +
-Locate the "source ​code” tab (<>)  +
- +
-Copy and paste the HTML code into the editor and click “OK” ​+
  
-Don’t forget to Scroll down to the bottom of the page and click “Save”+Any page on your website that uses the WYSIWYG editor can have the source code pulled up to work directly within it. This includes your main home page, content and area pages, blog entries ​and even custom content boxes in your sidebar or footer.
  
-***This could also be geared toward ​the retargeting ​conversion tracker ​in the footers+  - From within any editable page, focus on the WYSIWYG edit box. 
 +  - Locate the "​Source Code” button in the list of tools. It will look like this: <>{{ ::​sourcecode01.png?​direct&​400 |}}  
 +  - A pop up window will display on top of the current page, displaying the raw source of the page.{{ ::​sourcecode02.png?​direct&​400 |}} 
 +  - Find the location in the source where you would like to work with. You can add a variety of items: 
 +    - Social Media Widgets 
 +    - Embed YouTube videos 
 +    - Add images 
 +    - Insert ​retargeting ​pixels 
 +    - Many more! 
 +  - Once you are finished arranging the code in the source, don't forget to save the page!
editing_source.txt · Last modified: 2020/05/28 19:23 by michaels