Comment on page

Create a json metafield

JSON object must be stringifyed before being sent.
Vanilla JS
FieldsRaven Fetch wrapper (aka Storefront JS Kit)
<!-- JavaScript + Liquid -->
<script type="text/javascript">
ravenSubmit = (value) => {
const ravenObj = {%- render 'raven-mac-gen', resource_id: page.id, raven_id: 'TBD' -%}
const valueObj = { value: value };
const requestParams = { raven: Object.assign({}, ravenObjOne, valueObjOne) };
const response = fetch('/apps/raven/create_metafield', {
method: 'PUT',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify(requestParams)
})
​
response
.then(res => res.json())
.then(resJson => console.log('resJson: ', resJson))
}
</script>
​
<!-- HTML -->
<button id="fieldsraven-demo" onclick="ravenSubmit(JSON.stringify({fav_color: 'Yellow', hobby: 'Soccer'}))">Send the Raven!</button>
<!-- JavaScript + Liquid -->
<script type="text/javascript">
ravenSubmit = (value) => {
const ravenObj = {%- render 'raven-mac-gen', resource_id: page.id, raven_id: 'TBD' -%}
const valueObj = { value: value };
const requestParams = Object.assign({}, ravenObjOne, valueObjOne);
const response = FieldsRaven.send(requestParams);
response.then(res => {
if (res.status === 200) {
console.log('🎉', res.json)
} else {
console.error('😞', res)
}
})
.catch(e => console.error(e));
}
</script>
​
<!-- HTML -->
<button id="fieldsraven-demo" onclick="ravenSubmit(JSON.stringify({fav_color: 'Yellow', hobby: 'Soccer'}))">Send the Raven!</button>