Components hero image

Components

In this Template Hub, you will find tips and helpful resources for your Webflow Project.

Buttons

Use class
Small
for a desired size.
Use class
Secondary
for an alternative style
Change state to
Hover
or other states, to change the look of your button for that state.
Button
Button
Small
Button
Disabled
Link
Text Link
Link Big
Text Link
Icon Link
Text Link
Vertical Card Gray
info@interceptor.io
Vertical Card Gray 3
+(932) 1124 123123
Social Link
Code Tabs

curl -X PUT 'https://api.webflow.com/collections/580e63fc8c9a982ac9b8b745/items/582bbba8dae4fb7a75bd30e8' \
-H "Authorization: Bearer d59f681797fbb3758b2a0ce8e5f31a199e2733110cb468bb2bb0d77f23417b32" \
-H 'accept-version: 1.0.0' \
-H "Content-Type: application/json" \
--data-binary $'{
    "fields": {
      "name": "Updated Exciting blog post title",
      "slug": "exciting-post",
      "_archived": false,
      "_draft": false,
      "color": "#a98080",
      "author": "580e640c8c9a982ac9b8b778",
      "post-body": "<p>Blog post contents...</p>",
      "post-summary": "Summary of exciting blog post",
      "main-image": "http://somesite.com/image20.jpg"
    }
  }'

curl -X PUT 'https://api.webflow.com/collections/580e63fc8c9a982ac9b8b745/items/582bbba8dae4fb7a75bd30e8' \
-H "Authorization: Bearer d59f681797fbb3758b2a0ce8e5f31a199e2733110cb468bb2bb0d77f23417b32" \
-H 'accept-version: 1.0.0' \
-H "Content-Type: application/json" \
--data-binary $'{
    "fields": {
      "name": "Updated Exciting blog post title",
      "slug": "exciting-post",
      "_archived": false,
      "_draft": false,
      "color": "#a98080",
      "author": "580e640c8c9a982ac9b8b778",
      "post-body": "<p>Blog post contents...</p>",
      "post-summary": "Summary of exciting blog post",
      "main-image": "http://somesite.com/image20.jpg"
    }
  }'

Navigation
Help Section
Prefooter
Footer
Contact Form

Fill in a support ticket

Someone from our team will get in touch with you within next 24 hours.

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Form Field
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Information

Alert Info
Icon - Circle information

Nibh dolor tempus sed ut maecenas consequat, auctor. Ultrices adipiscing venenatis nunc nulla tincidunt.

Warning

Alert Warning
Icon - Circle Warning

Nibh dolor tempus sed ut maecenas consequat, auctor. Ultrices adipiscing venenatis nunc nulla tincidunt.

Success

Alert Success
Icon - Clipboard check

Nibh dolor tempus sed ut maecenas consequat, auctor. Ultrices adipiscing venenatis nunc nulla tincidunt.

Error

Alert Error
Icon - Ban

Nibh dolor tempus sed ut maecenas consequat, auctor. Ultrices adipiscing venenatis nunc nulla tincidunt.

Docs Hero
Gradient 1

Explore Engrafa docs below

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Help Hero Block
Gradient 1

Using Engrafa

Casually dressed person
Woman with a cool haircut
3 Articles by
Author #1
,
Author #2