Security to Theme Deliver

Hello,
I’m new
I’m looking for how to add security to Theme Deliver.
Contact Form I would like to add Turnstile Captcha Field (Cloudflare) or Google ReCaptcha or Basic-Captcha.
I’ve searched but all to no avail.
Please help, I want to protect myself from spam.
Please provide a step-by-step description of how to implement any security measures.
Thank you all for your help.
Zbigniew,

@Zbigniew,

Before asking the community to spend time on a “step-by-step instruction”, please show what steps you have taken yourself?

  • What docs have you read?
  • What steps have you tried?
  • Where did you got stuck?
    • What did you expect to happen?
    • And what did happen instead?

Hello,
All right
I will briefly describe what I did.

hi,

  1. cloundflare - turnsite
    i have site key and secret key
  2. gravcms - plugin - Form - added site and secret key.
  3. I added turnstile api.js to base.html.twig
  4. Clean Theme Deliver adds to pages : modular_alt.md
    `—
    title: 'Kontakt - ’
    onpage_menu: false
    body_classes: ‘modular header-lite fullwidth’
    bg_color: ‘#B4B093
    form:
    name: my-nice-form
    action: /kontakt
    fields:
    -
    name: name
    id: name
    label: ‘UWAGA! Wysyłając widomość e-mail akceptujesz Politykę Prywatności
    classes: ‘form-control form-control-lg’
    placeholder: ‘Wpisz swoje Imię’
    autocomplete: ‘on’
    type: text
    validate:
    required: true
    -
    name: email
    id: email
    classes: ‘form-control form-control-lg’
    label: Email
    placeholder: ‘Wpisz swój adres email’
    type: email
    validate:
    rule: email
    required: true
    -
    name: message
    label: Message
    classes: ‘form-control form-control-lg’
    size: long
    placeholder: ‘Napisz swoją wiadomość i podaj nr telefonu do kontaktu’
    type: textarea
    validate:
    required: true
    -
    captcha:
    type: turnstile
    theme: light
    buttons:
    -
    type: submit
    value: ‘Wyślij Wiadomość’
    classes: ‘btn btn-primary btn-block’
    process:
    -
    turnstile: true
    -
    email:
    from: ‘{{ config.plugins.email.from }}’
    to:
    - ‘{{ config.plugins.email.from }}’
    - ‘{{ form.value.email }}’
    subject: ‘[Formularz Kontaktowy - Meble Na Wymiar] {{ form.value.name|e }}’
    body: ‘{% include ‘‘forms/data.html.twig’’ %}’
    -
    save:
    fileprefix: feedback-
    dateformat: Ymd-His-u
    extension: txt
    body: ‘{% include ‘‘forms/data.txt.twig’’ %}’
    -
    message: ‘Dziękujemy za Wiadomość!’
    -
    display: thankyou
    content:
    items: ‘@self.modular
    order:
    by: default
    dir: asc
    media_order: blog-header.webp
    metadata:
    description: 'Kontakt - ’
    menu: Kontakt

But it doesn’t work. I probably still need to correct the view file, but which one and what should I add?
I need files adapted to work with turnsite.
Help :slight_smile:

Nobody would try to read unformatted yaml, where every whitespace matters. What you posted above, just can’t work. Try to edit your post by formatting code with ```

I apologize you

code

---
title: 'Kontakt '
onpage_menu: false
body_classes: 'modular header-lite fullwidth'
bg_color: '#B4B093'
form:
    name: my-nice-form
    action: /kontakt
    fields:
        -
            name: name
            id: name
            label: 'UWAGA! '
            classes: 'form-control form-control-lg'
            placeholder: 'Wpisz swoje Imię'
            autocomplete: 'on'
            type: text
            validate:
                required: true
        -
            name: email
            id: email
            classes: 'form-control form-control-lg'
            label: Email
            placeholder: 'Wpisz swój adres email'
            type: email
            validate:
                rule: email
                required: true
        -
            name: message
            label: Message
            classes: 'form-control form-control-lg'
            size: long
            placeholder: 'Napisz swoją wiadomość i podaj nr telefonu do kontaktu'
            type: textarea
            validate:
                required: true
        -
            captcha:
                type: turnstile
                theme: light
    buttons:
        -
            type: submit
            value: 'Wyślij Wiadomość'
            classes: 'btn btn-primary btn-block'
    process:
        -   
            turnstile: true
        -
            email:
                from: '{{ config.plugins.email.from }}'
                to:
                    - '{{ config.plugins.email.from }}'
                    - '{{ form.value.email }}'
                subject: '[Formularz Kontaktowy - Meble Na Wymiar] {{ form.value.name|e }}'
                body: '{% include ''forms/data.html.twig'' %}'
        -
            save:
                fileprefix: feedback-
                dateformat: Ymd-His-u
                extension: txt
                body: '{% include ''forms/data.txt.twig'' %}'
        -
            message: 'Dziękujemy za Wiadomość!'
        -
            display: thankyou
content:
    items: '@self.modular'
    order:
        by: default
        dir: asc
media_order: blog-header.webp
metadata:
    description: 'Kontakt '
menu: Kontakt
---


Hello,
does anyone have a turntile integrated with the Theme Deliver - form?
Help :slight_smile:

:heavy_dollar_sign:
:white_check_mark: I will pay for help with Turnstile Captcha integration.
I’ve had enough already. :pray:
I invite you to contact me.

@Zbigniew,

I will briefly describe what I did.

  1. cloundflare - turnsite
    i have site key and secret key
  2. gravcms - plugin - Form - added site and secret key.
  3. I added turnstile api.js to base.html.twig
  4. Clean Theme Deliver adds to pages : modular_alt.md

Above information is quite meaningless and can’t be reproduced. A proper question should provide clear/accurate/detailed and yet succinct information (and properly formatted) that can be reproduced by the reader.

But it doesn’t work.

What tells you it doesn’t work?

If a question does not provide sufficient meaningful information, the reader will simply skip the question.

Hello,
will anyone help?
I read, browse the forum, websites and I can’t find a description of the integration.
How to properly add turnsite to Deliver.
That’s why I’m even willing to pay someone to describe it nicely.
I’m waiting for volunteers.

Done
Mr. Vadym helped to solve this problem.
I recommend - quickly and efficiently.

turn2023

Regarding the solution:

  1. the form had markup error, in this version should be:
        -
            name: captcha
            type: turnstile
            theme: light
  1. as reminder this must be the first entry in the process: section
    process:
        -
            turnstile: true
  1. Important set for forms in modular pages (in this case contact/_main/form.md) is missing in the Deliver Skeleton
---
cache_enable: false
---
  1. And it seems that option “Include externals in JS pipeline” should be set to false in the system config

Tip: you can use this sitekeys and secret keys for testing purposes on your localhost