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.
Icon - Webflow Desktop viewport
Button
Icon - Webflow Desktop viewport
Button
Small
Icon - Webflow Desktop viewport
Link Big
Text Link
Icon - Webflow Desktop viewport
Icon Link
Text Link
Icon - Webflow Desktop viewport
Vertical Card Gray
Mail Icon
help@engrafa.com
Icon - Webflow Desktop viewport
Vertical Card Gray 3
Phone Icon
+(932) 1124 123123
Icon - Webflow Desktop viewport
Social Link
Icon - Webflow Desktop viewport
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

FAQs

A short list of frequently asked questions  and tips about using Engrafa.

Explore developer docs

Ensure all of your information is up to date and that you stay efficient and in the loop.

Prefooter

Try Engrafa — it's free

Engrafa is number one project managment tool. Make your team collaboration as seamless as possible.

Footer
Icon - Webflow Desktop viewport
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.
Icon - Webflow Desktop viewport
Form Field
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Information

Icon - Webflow Desktop viewport
Alert Info
Icon - Circle information

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

Warning

Icon - Webflow Desktop viewport
Alert Warning
Icon - Circle Warning

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

Success

Icon - Webflow Desktop viewport
Alert Success
Icon - Clipboard check

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

Error

Icon - Webflow Desktop viewport
Alert Error
Icon - Ban

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

Icon - Webflow Desktop viewport
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.

Icon - Webflow Desktop viewport
Help Hero Block
Gradient 1

Using Engrafa

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