# Web Editor

<div bis_size="{"x":142,"y":61,"w":840,"h":44,"abs_x":332,"abs_y":278}" bis_skin_checked="1" 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 campaign. Web Editor is there for you to help.</div><div bis_size="{"x":142,"y":106,"w":840,"h":22,"abs_x":332,"abs_y":323}" bis_skin_checked="1" id="bkmrk-">  
</div><div bis_size="{"x":142,"y":129,"w":840,"h":44,"abs_x":332,"abs_y":346}" bis_skin_checked="1" 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 bis_size="{"x":142,"y":173,"w":840,"h":22,"abs_x":332,"abs_y":390}" bis_skin_checked="1" id="bkmrk--0">  
</div><div bis_size="{"x":142,"y":196,"w":840,"h":22,"abs_x":332,"abs_y":413}" bis_skin_checked="1" 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 bis_size="{"x":142,"y":218,"w":840,"h":0,"abs_x":332,"abs_y":435}" bis_skin_checked="1" id="bkmrk--1"></div><div bis_size="{"x":142,"y":218,"w":840,"h":0,"abs_x":332,"abs_y":435}" bis_skin_checked="1" id="bkmrk--2"></div><div bis_size="{"x":142,"y":218,"w":840,"h":22,"abs_x":332,"abs_y":435}" bis_skin_checked="1" id="bkmrk-because-simplicity-i">Because simplicity is beautiful -isn't it?</div><div bis_size="{"x":142,"y":241,"w":840,"h":0,"abs_x":332,"abs_y":458}" bis_skin_checked="1" id="bkmrk--3"></div><div bis_size="{"x":142,"y":241,"w":840,"h":0,"abs_x":332,"abs_y":458}" bis_skin_checked="1" id="bkmrk--4"></div><div bis_size="{"x":142,"y":241,"w":840,"h":22,"abs_x":332,"abs_y":458}" bis_skin_checked="1" id="bkmrk-click-on-view-detail">Click on **View Details** of the campaign and go to **Web Editor** menu.</div><div bis_size="{"x":142,"y":263,"w":840,"h":0,"abs_x":332,"abs_y":480}" bis_skin_checked="1" id="bkmrk--5"></div><div bis_size="{"x":142,"y":263,"w":840,"h":358,"abs_x":332,"abs_y":480}" bis_skin_checked="1" 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 bis_size="{"x":142,"y":285,"w":840,"h":22,"abs_x":332,"abs_y":502}" bis_skin_checked="1">  
</div><div bis_size="{"x":142,"y":308,"w":840,"h":22,"abs_x":332,"abs_y":525}" bis_skin_checked="1">- Change **Page Title** (update &lt;brand_name&gt; tage)</div><div bis_size="{"x":142,"y":330,"w":840,"h":22,"abs_x":332,"abs_y":547}" bis_skin_checked="1">- Change **Header** (add header css with your preferred brand name)</div><div bis_size="{"x":142,"y":353,"w":840,"h":22,"abs_x":332,"abs_y":570}" bis_skin_checked="1">- Change **Page Color** (update body color css)</div><div bis_size="{"x":142,"y":375,"w":840,"h":22,"abs_x":332,"abs_y":592}" bis_skin_checked="1">- Add **Buttons** (go below in the body section and add buttons there)</div><div bis_size="{"x":142,"y":397,"w":840,"h":22,"abs_x":332,"abs_y":614}" bis_skin_checked="1">- Add **Footer** (add it after body tag)</div><div bis_size="{"x":142,"y":420,"w":840,"h":22,"abs_x":332,"abs_y":637}" bis_skin_checked="1">- Update **Custom Tags** (add css, js or other type-fonts)</div><div bis_size="{"x":142,"y":442,"w":840,"h":22,"abs_x":332,"abs_y":659}" bis_skin_checked="1">  
</div><div bis_size="{"x":142,"y":465,"w":840,"h":22,"abs_x":332,"abs_y":682}" bis_skin_checked="1">You can update several AR features directly from the Web Editor. There will be more help articles on that.</div><div bis_size="{"x":142,"y":487,"w":840,"h":22,"abs_x":332,"abs_y":704}" bis_skin_checked="1">  
</div><div bis_size="{"x":142,"y":509,"w":840,"h":22,"abs_x":332,"abs_y":726}" bis_skin_checked="1">  
</div><div bis_size="{"x":142,"y":532,"w":840,"h":22,"abs_x":332,"abs_y":749}" bis_skin_checked="1">  
</div><div bis_size="{"x":142,"y":554,"w":840,"h":22,"abs_x":332,"abs_y":771}" bis_skin_checked="1">Click on **Edit** menu, perform your changes and click **Save**.</div><div bis_size="{"x":142,"y":577,"w":840,"h":22,"abs_x":332,"abs_y":794}" bis_skin_checked="1">  
</div><div bis_size="{"x":142,"y":599,"w":840,"h":22,"abs_x":332,"abs_y":816}" bis_skin_checked="1">Refresh your AR campaign URL to view the changes immediately.</div></div><div bis_size="{"x":142,"y":621,"w":840,"h":0,"abs_x":332,"abs_y":838}" bis_skin_checked="1" id="bkmrk--6"></div><div bis_size="{"x":142,"y":626,"w":840,"h":54,"abs_x":332,"abs_y":843}" bis_skin_checked="1" id="bkmrk-change-html-view-of-"><table border="1"><colgroup><col></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/2026-02/scaled-1680-/v3Pimage.png)](https://support.marvinxr.com/uploads/images/gallery/2026-02/v3Pimage.png)