# Web Editor

<div id="bkmrk-you-are-so-happy-to-">You are so happy to see your first WebAR campaign running live. Amazing feeling - isn't it? But now it needs an advanced setup - customizing your AR <span style="color: rgb(224, 62, 45);">campaign.</span> Web Editor is there for you to help.</div><div id="bkmrk-">  
</div><div id="bkmrk-essentially-webar-is">Essentially WebAR is a HTML view with fairly straight forward contents inside. If you have never touched HTML, this might take a little learning (See the video: [HTML Tutorial for Beginners - HTML in 10 Minutes](https://www.youtube.com/watch?v=MDLn5-zSQQI))</div><div id="bkmrk--0">  
</div><div id="bkmrk-but-if-you-have-the-">But if you have the very basic knowledge of how HTML works, then it'd be fairly a simple task for you. </div><div id="bkmrk--1"></div><div id="bkmrk--2"></div><div id="bkmrk-because-simplicity-i">Because simplicity is beautiful -isn't it?</div><div id="bkmrk--3"></div><div id="bkmrk--4"></div><div id="bkmrk-click-on-view-detail">Click on <span style="color: rgb(224, 62, 45);">**View Details**</span> of the campaign and go to <span style="color: rgb(224, 62, 45);">**Web Editor**</span> menu.</div><div id="bkmrk--5"></div><div id="bkmrk-customizing-a-html-u">Customizing a HTML UI (AR campaign view) can take many layers. To make it brand labeled, you can quickly <div>  
</div><div>- Change **Page Title** (update &lt;brand_name&gt; tage)</div><div>- Change **Header** (add header css with your preferred brand name)</div><div>- Change **Page Color** (update body color css)</div><div>- Add **Buttons** (go below in the body section and add buttons there)</div><div>- Add **Footer** (add it after body tag)</div><div>- Update **Custom Tags** (add css, js or other type-fonts)</div><div>  
</div><div>You can update several AR features directly from the Web Editor. There will be more help articles on that.</div><div>  
</div><div></div><div>  
</div><div>Click on **Edit** menu, perform your changes and click **Save**.</div><div>  
</div><div>Refresh your AR campaign URL to view the changes immediately.</div></div><div id="bkmrk--6"></div><div id="bkmrk-change-html-view-of-"><table border="1" style="border-collapse: collapse; width: 100%;"><colgroup><col style="width: 99.8765%;"></col></colgroup><tbody><tr><td><p class="callout info">Change HTML view of your AR campaign using Web Editor</p>

</td></tr></tbody></table>

</div>[![image.png](https://help.marvinxr.com/uploads/images/gallery/2023-02/scaled-1680-/nXYimage.png)](https://help.marvinxr.com/uploads/images/gallery/2023-02/nXYimage.png)