"use strict";(self.webpackChunknewoaks_help=self.webpackChunknewoaks_help||[]).push([[9773],{5926:(e,n,t)=>{t.d(n,{A:()=>i});const i=t.p+"assets/images/selection-220e769b08cb3aca6c095742bcd593ec.png"},5971:(e,n,t)=>{t.d(n,{A:()=>i});const i=t.p+"assets/images/visualedit-33f26bd6a3cb170194a72aa96b9fbce4.png"},6896:(e,n,t)=>{t.r(n),t.d(n,{assets:()=>o,contentTitle:()=>l,default:()=>h,frontMatter:()=>r,metadata:()=>i,toc:()=>c});const i=JSON.parse('{"id":"getting-started/edit-content","title":"Edit Content After Website Creation","description":"Step 1: Visual Edit Mode for Manual Changes","source":"@site/userGuide/getting-started/017.edit-content.md","sourceDirName":"getting-started","slug":"/getting-started/edit-content","permalink":"/guides/user/getting-started/edit-content","draft":false,"unlisted":false,"tags":[],"version":"current","sidebarPosition":17,"frontMatter":{"sidebar_position":17},"sidebar":"sidebar","previous":{"title":"Figma for Design","permalink":"/guides/user/getting-started/figma"},"next":{"title":"Stripe One-time Payment Using API Key","permalink":"/guides/user/getting-started/stripe-api"}}');var s=t(4848),d=t(8453);t(8175);const r={sidebar_position:17},l="Edit Content After Website Creation",o={},c=[{value:"Step 1: Visual Edit Mode for Manual Changes",id:"step-1-visual-edit-mode-for-manual-changes",level:2},{value:"Instructions:",id:"instructions",level:3},{value:"Step 2: Selection Mode with AI Prompt",id:"step-2-selection-mode-with-ai-prompt",level:2},{value:"When to Use:",id:"when-to-use",level:3},{value:"Instructions:",id:"instructions-1",level:3},{value:"Instructions:",id:"instructions-2",level:3}];function a(e){const n={h1:"h1",h2:"h2",h3:"h3",header:"header",img:"img",li:"li",ol:"ol",p:"p",strong:"strong",ul:"ul",...(0,d.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(n.header,{children:(0,s.jsx)(n.h1,{id:"edit-content-after-website-creation",children:"Edit Content After Website Creation"})}),"\n",(0,s.jsx)(n.h2,{id:"step-1-visual-edit-mode-for-manual-changes",children:"Step 1: Visual Edit Mode for Manual Changes"}),"\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Purpose:"})," Make direct manual edits to webpage content"]}),"\n",(0,s.jsx)(n.h3,{id:"instructions",children:"Instructions:"}),"\n",(0,s.jsxs)(n.ol,{children:["\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.strong,{children:"Activate Visual Edit Mode"})}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:'Click the "Visual Edit" button to enable manual content editing'}),"\n"]}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:t(5971).A+"",width:"1644",height:"825"})}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.strong,{children:"Select and Edit Elements"})}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:"Use your mouse to select the webpage element you want to modify (e.g., DIV elements)"}),"\n",(0,s.jsx)(n.li,{children:"Make your changes in the element editing panel located on the left-hand side"}),"\n",(0,s.jsx)(n.li,{children:'Click the "Save" button to apply your changes'}),"\n"]}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:t(6905).A+"",width:"1336",height:"672"})}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(n.h2,{id:"step-2-selection-mode-with-ai-prompt",children:"Step 2: Selection Mode with AI Prompt"}),"\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Purpose:"})," Modify AI-generated content using natural language prompts"]}),"\n",(0,s.jsx)(n.h3,{id:"when-to-use",children:"When to Use:"}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:"If an element cannot be saved in Visual Edit Mode, it indicates the content is dynamically generated by AI"}),"\n",(0,s.jsx)(n.li,{children:"Switch to Selection Mode for AI-powered content modification"}),"\n"]}),"\n",(0,s.jsx)(n.h3,{id:"instructions-1",children:"Instructions:"}),"\n",(0,s.jsxs)(n.ol,{children:["\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.strong,{children:"Select Target Element"})}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:"Hover your mouse over the element you want to modify"}),"\n",(0,s.jsx)(n.li,{children:"The element will be highlighted when properly selected"}),"\n"]}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:t(5926).A+"",width:"1322",height:"680"})}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.strong,{children:"Create AI Prompt"})}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:"Write your modification request in the prompt window on the left-hand side"}),"\n",(0,s.jsx)(n.li,{children:"Use clear, specific instructions for the AI to understand your desired changes"}),"\n"]}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:t(7871).A+"",width:"1326",height:"672"})}),"\n",(0,s.jsx)(n.h1,{id:"step-3-code-edit-mode",children:"Step 3: Code Edit Mode"}),"\n"]}),"\n"]}),"\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.strong,{children:"Purpose:"})," Make direct code-level modifications for advanced users"]}),"\n",(0,s.jsx)(n.h3,{id:"instructions-2",children:"Instructions:"}),"\n",(0,s.jsxs)(n.ol,{children:["\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.strong,{children:"Access Code Panel"})}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:"Navigate to the Code Panel feature"}),"\n",(0,s.jsx)(n.li,{children:'Select "Code Edit" mode'}),"\n"]}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.strong,{children:"Edit and Save"})}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsx)(n.li,{children:"Modify the content directly at the code level"}),"\n",(0,s.jsx)(n.li,{children:"Save your changes when complete"}),"\n"]}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:t(8e3).A+"",width:"1330",height:"677"})}),"\n"]}),"\n"]})]})}function h(e={}){const{wrapper:n}={...(0,d.R)(),...e.components};return n?(0,s.jsx)(n,{...e,children:(0,s.jsx)(a,{...e})}):a(e)}},6905:(e,n,t)=>{t.d(n,{A:()=>i});const i=t.p+"assets/images/visualedit2-270b5ee45f86114a0a58ac1d654fc4df.png"},7871:(e,n,t)=>{t.d(n,{A:()=>i});const i=t.p+"assets/images/selection2-f46235012151b4ec0ad4801edcf40eb5.png"},8e3:(e,n,t)=>{t.d(n,{A:()=>i});const i=t.p+"assets/images/copyedit-5c267bbeedd2a57fbd726a70731715fc.png"},8175:(e,n,t)=>{t.d(n,{A:()=>s});t(6540);var i=t(4848);function s(){return(0,i.jsx)("code",{children:"EZsite"})}},8453:(e,n,t)=>{t.d(n,{R:()=>r,x:()=>l});var i=t(6540);const s={},d=i.createContext(s);function r(e){const n=i.useContext(d);return i.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function l(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:r(e.components),i.createElement(d.Provider,{value:n},e.children)}}}]);