Mesuti

1. Создать TV (например, текстовую или файл) переменную с названием, например HeaderImage и назначить ей доступность для нужного шаблона.
2. В шаблоне добавить ее в нужном месте с помощью кода [[*PhotoHeader]]
3. В статье должен появиться блок с вводом этой переменной. Указываем в ней url картинки или выбираем файл

p.s. чем больше изучаю систему, тем больше нравится ее гибкость и скорость работы.

Значение input находится в state.
Берите его оттуда.

Если была бы обычная верстка, то console.log(event.target['test'].value) (данный пример от Вадим)
А Вы используете реакт, поэтому все значения берутся из состояний, верстка только для отрисовки

<form onSubmit={
    (event) => {
        event.preventDefault()
        console.log(inputCityValue)
    }
}>
    <Input value={inputCityValue} onChange={onChangeHandlerWrapper(setInputCityValue)}/>
    <button type='submit'><span>Обновить данные</span></button>
</form>

+1 вариант

const input = useRef(null)
...
function successSubmit() {
   input.current.value = ""
}
...
<Input ref={input } />

+2 вариант через state

const [state, setState] = useState({
   inputValue: ''
})
...
function successSubmit() {
   setState(prevState => {
        return {
            ...prevState,
            inputValue: ''
        }
    })
}
...
<Input 
   value={state.inputValue} 
   onInput={e => {
    setState(prevState => {
        return {
            ...prevState,
            inputValue: e.target.value
        }
    })
   }}/>

+3 Вариант изощренный - "до лучших времен"

function successSubmit() {
   document.querySelectorAll('input').forEach(i => i.value = '')
}

https://getbootstrap.com/docs/5.1/utilities/displa...

<div class="for_pc d-none d-lg-block"></div>
<div class="for_mobile d-none d-sm-block"></div>

Сохраняет в localstorage все input при их изменении
При загрузке страницы, указывает все сохраненные данные в каждый input
Ищет каждый input по dishIdQuantityMap[x]
https://codepen.io/vaniljs/pen/GROmOJX

<script defer ...

Каким редактором пользуетесь?
Надо по тексту найти, где закрывается тег head
И до него скопировать.

В гугл тег менеджере разместите html с текстом <script>console.log('Page loaded');</script>
После сохранения, в консоли браузера появился этот текст?