[et_pb_section fb_built=”1″ _builder_version=”4.16″ locked=”off” global_colors_info=”{}”][et_pb_row _builder_version=”4.19.0″ _module_preset=”default” custom_padding=”0px||5px|||” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.19.0″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.19.3″ text_font=”Varela Round||||||||” text_line_height=”1.5em” background_size=”initial” background_position=”top_left” background_repeat=”repeat” custom_padding=”0px|||||” global_colors_info=”{}”]<\/p>\n
You’ve probably heard the words webhook and API (Application Programming Interfaces) mentioned more times than you can remember, but you have no idea what it’s all about. It’s completely normal if you don’t belong to the technology sector, but it doesn’t hurt to know how these systems work, which you may use constantly without knowing what’s behind them.<\/p>\n
Although it may seem that certain concepts that escape us from our field are complicated to understand (or even to handle), I can assure you that this is not the case at all.<\/p>\n
That’s why, in this post I want to explain in an easy and simple way what a webhook is, what an API is, what they are for and how they differ.<\/p>\n
Open your eyes wide and let’s get started 🙂<\/span><\/p>\n <\/span><\/span><\/p>\n [\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”4.19.0″ _module_preset=”default” custom_padding=”5px|||||” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.19.0″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.19.3″ text_font=”Varela Round||||||||” text_line_height=”1.5em” header_2_font=”Varela Round||||||||” header_2_line_height=”1.2em” header_3_font=”Varela Round||||||||” header_3_line_height=”1.2em” background_size=”initial” background_position=”top_left” background_repeat=”repeat” custom_margin=”15px|||||” custom_padding=”||21px|||” locked=”off” global_colors_info=”{}”]<\/p>\n Within the world of web applications, data exchanges often occur between applications. Webhooks allow you to <\/span>modify the behavior of an application and\/or send or receive data between applications.<\/b><\/p>\n [\/et_pb_text][et_pb_text _builder_version=”4.19.0″ text_font=”Varela Round||||||||” text_line_height=”1.5em” header_2_font=”Varela Round||||||||” header_2_line_height=”1.2em” header_3_font=”Varela Round||||||||” header_3_line_height=”1.2em” background_color=”rgba(239,240,255,0.45)” background_size=”initial” background_position=”top_left” background_repeat=”repeat” min_height=”96.2px” custom_margin=”||||false|false” custom_padding=”15px|25px|15px|25px|true|true” border_radii=”on|15px|15px|15px|15px” locked=”off” global_colors_info=”{}”]<\/p>\n That is why we say that a webhook is an automated communication system that serves to notify a third party application of an event that occurs in your application or vice versa, triggering one or more actions depending on the webhook that is executed.<\/p>\n [\/et_pb_text][et_pb_text _builder_version=”4.19.3″ text_font=”Varela Round||||||||” text_line_height=”1.5em” header_2_font=”Varela Round||||||||” header_2_line_height=”1.2em” header_3_font=”Varela Round||||||||” header_3_line_height=”1.2em” background_size=”initial” background_position=”top_left” background_repeat=”repeat” custom_margin=”15px|||||” custom_padding=”||21px|||” locked=”off” global_colors_info=”{}”]<\/p>\n Webhooks can be used, for example, to connect your email marketing tool with your CRM. Every time someone joins your mailing list, a webhook with “User subscribed” is executed. The URL of the webhook in your CRM receives the data of the new subscriber to register him or update that contact in your CRM if he already exists, so you can have the information always updated automatically.<\/p>\n A very useful option to link applications is to use NoCode tools such as Make (ex Intgromat), Zapier or n8n that allow you to send data to hundreds of applications with which they integrate.<\/p>\n [\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”4.19.0″ _module_preset=”default” custom_padding=”5px|||||” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.19.0″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.19.3″ text_font=”Varela Round||||||||” text_line_height=”1.5em” header_2_font=”Varela Round||||||||” header_2_line_height=”1.2em” header_3_font=”Varela Round||||||||” header_3_text_color=”#6366F1″ header_3_line_height=”1.2em” background_size=”initial” background_position=”top_left” background_repeat=”repeat” custom_margin=”15px|||||” custom_padding=”5px||21px|||” locked=”off” global_colors_info=”{}”]<\/p>\n [\/et_pb_text][et_pb_text _builder_version=”4.19.3″ text_font=”Varela Round||||||||” text_line_height=”1.5em” header_2_font=”Varela Round||||||||” header_2_line_height=”1.2em” header_3_font=”Varela Round||||||||” header_3_line_height=”1.2em” background_color=”rgba(239,240,255,0.45)” background_size=”initial” background_position=”top_left” background_repeat=”repeat” min_height=”96.2px” custom_margin=”||||false|false” custom_padding=”15px|25px|15px|25px|true|true” border_radii=”on|15px|15px|15px|15px” locked=”off” global_colors_info=”{}”]<\/p>\n \u21d2<\/span><\/b> For example, in Arkibot we have a webhook at the end of a chat with a user that allows all the content of the conversation to be sent to the application you need (email, Slack, CRM, etc.). In that case, you can activate the webhook of finished chat indicating to which URL the content has to be sent and your application will have to have a webhook that allows to receive that data.<\/span><\/p>\n \u21d2<\/span><\/b> Another example is the webhook that allows you to send each message that a user writes in the chat so that you can intercept it and, for example, modify the answer and customize it for the user (stock, price…).<\/span><\/p>\n [\/et_pb_text][et_pb_text _builder_version=”4.19.3″ text_font=”Varela Round||||||||” text_line_height=”1.5em” header_2_font=”Varela Round||||||||” header_2_line_height=”1.2em” header_3_font=”Varela Round||||||||” header_3_line_height=”1.2em” background_size=”initial” background_position=”top_left” background_repeat=”repeat” custom_margin=”15px|||||” custom_padding=”||21px|||” locked=”off” global_colors_info=”{}”]<\/p>\n In short, a webhook is a tool that allows you to customize what your application does when an event occurs so that you can automate what happens when that event is executed<\/p>\n [\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”4.19.3″ _module_preset=”default” custom_padding=”2px||10px|||” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.19.0″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.19.3″ text_font=”Varela Round||||||||” text_line_height=”1.5em” header_2_font=”Varela Round||||||||” header_2_line_height=”1.2em” header_3_font=”Varela Round||||||||” header_3_line_height=”1.2em” background_size=”initial” background_position=”top_left” background_repeat=”repeat” custom_margin=”15px|||||” custom_padding=”0px||6px|||” locked=”off” global_colors_info=”{}”]<\/p>\n In the case of the API, we are also talking about communication between web applications, but in a somewhat different way to Webhooks.<\/p>\n [\/et_pb_text][et_pb_text _builder_version=”4.19.0″ text_font=”Varela Round||||||||” text_line_height=”1.5em” header_2_font=”Varela Round||||||||” header_2_line_height=”1.2em” header_3_font=”Varela Round||||||||” header_3_line_height=”1.2em” background_color=”rgba(239,240,255,0.45)” background_size=”initial” background_position=”top_left” background_repeat=”repeat” min_height=”96.2px” custom_margin=”||||false|false” custom_padding=”15px|25px|15px|25px|true|true” border_radii=”on|15px|15px|15px|15px” locked=”off” global_colors_info=”{}”]<\/p>\n An API is like the vehicle that transports requests to your application to receive or send data. An API is the system that allows other applications or services to talk to your application in a standard format. This back and forth data flow that occurs is usually in JSON or XML format (just to ring a bell).<\/p>\n [\/et_pb_text][et_pb_text _builder_version=”4.19.3″ text_font=”Varela Round||||||||” text_line_height=”1.5em” header_2_font=”Varela Round||||||||” header_2_line_height=”1.2em” header_3_font=”Varela Round||||||||” header_3_line_height=”1.2em” background_size=”initial” background_position=”top_left” background_repeat=”repeat” custom_margin=”15px|||||” custom_padding=”||6px|||” locked=”off” global_colors_info=”{}”]<\/p>\n For example, your CRM can communicate with the API of your email marketing tool to be able to add or update your CRM customers as subscribers, send newsletters, etc.<\/p>\n [\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”4.19.3″ _module_preset=”default” custom_padding=”||7px|||” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.19.3″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.19.3″ text_font=”Varela Round||||||||” text_line_height=”1.5em” header_2_font=”Varela Round||||||||” header_2_line_height=”1.2em” header_3_font=”Varela Round||||||||” header_3_line_height=”1.2em” background_size=”initial” background_position=”top_left” background_repeat=”repeat” custom_margin=”15px|||||” custom_padding=”||6px|||” locked=”off” global_colors_info=”{}”]<\/p>\n It is very common to confuse APIS with webhooks because they are very similar concepts.<\/p>\n Therefore, if you want to know which one it is in a specific case, take a close look at who starts the communication. That is the main difference.<\/p>\n <\/span><\/b><\/span><\/p>\n [\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=”1_3,2_3″ _builder_version=”4.19.3″ _module_preset=”default” custom_padding=”||7px|||” global_colors_info=”{}”][et_pb_column type=”1_3″ _builder_version=”4.19.3″ _module_preset=”default” global_colors_info=”{}”][et_pb_image src=”https:\/\/arkibot.com\/en\/wp-content\/uploads\/2023\/03\/webhooks.png” alt=”Webhooks” title_text=”webhooks” _builder_version=”4.19.3″ _module_preset=”default” global_colors_info=”{}”][\/et_pb_image][\/et_pb_column][et_pb_column type=”2_3″ _builder_version=”4.19.3″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.19.3″ text_font=”Varela Round||||||||” text_line_height=”1.5em” header_2_font=”Varela Round||||||||” header_2_line_height=”1.2em” header_3_font=”Varela Round||||||||” header_3_line_height=”1.2em” background_color=”#EFF0FF” background_size=”initial” background_position=”top_left” background_repeat=”repeat” custom_margin=”15px||15px||false|false” custom_padding=”25px|25px|6px|25px|false|true” locked=”off” global_colors_info=”{}”]<\/p>\n In the case of webhooks, we are automatically notified whenever a certain event occurs that triggers the execution of that webhook.<\/p>\n <\/span><\/b><\/p>\n [\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=”1_3,2_3″ _builder_version=”4.19.3″ _module_preset=”default” custom_padding=”||7px|||” global_colors_info=”{}”][et_pb_column type=”1_3″ _builder_version=”4.19.3″ _module_preset=”default” global_colors_info=”{}”][et_pb_image src=”https:\/\/arkibot.com\/en\/wp-content\/uploads\/2023\/03\/apis.png” alt=”APIs” title_text=”apis” _builder_version=”4.19.3″ _module_preset=”default” global_colors_info=”{}”][\/et_pb_image][\/et_pb_column][et_pb_column type=”2_3″ _builder_version=”4.19.3″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.19.3″ text_font=”Varela Round||||||||” text_line_height=”1.5em” header_2_font=”Varela Round||||||||” header_2_line_height=”1.2em” header_3_font=”Varela Round||||||||” header_3_line_height=”1.2em” background_color=”#EFF0FF” background_size=”initial” background_position=”top_left” background_repeat=”repeat” custom_margin=”15px||15px||false|false” custom_padding=”25px|25px|6px|25px|false|true” locked=”off” global_colors_info=”{}”]<\/p>\n On the other hand, in the API, the communication starts from our application requesting through the API the information to a third party application.<\/p>\n <\/span><\/b><\/p>\n [\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”4.19.0″ _module_preset=”default” custom_padding=”30px||40px|||” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.19.0″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.19.3″ text_font=”Varela Round||||||||” text_line_height=”1.5em” header_2_font=”Varela Round||||||||” header_2_line_height=”1.2em” header_3_font=”Varela Round||||||||” header_3_line_height=”1.2em” background_size=”initial” background_position=”top_left” background_repeat=”repeat” custom_margin=”15px|||||” custom_padding=”4px||6px|||” locked=”off” global_colors_info=”{}”]<\/p>\n Although there is a lot of Galician in this team… here the answer I have to give you is it depends.<\/p>\n What does it depend on? 🎶<\/p>\n On what you need it for, of course.<\/p>\n <\/span><\/p>\n For example, the APIS: <\/b><\/p>\n \u21d2<\/span><\/b> They are more flexible solutions.<\/span><\/p>\n \u21d2<\/span><\/b> They are used when information is constantly being updated.<\/span><\/p>\n \u21d2<\/span><\/b> Some technical knowledge is required to operate them.<\/span><\/p>\n \u21d2<\/span><\/b> They require you to either schedule calls to APISs or use NoCode tools that use those APISs to do “something” when you want them to.<\/span><\/p>\n <\/span><\/p>\n On the other hand…<\/b><\/p>\n \u21d2 <\/span><\/b><\/span>Applications that already have webhooks allow you to send or receive information when a certain event occurs to allow you to customize the behavior on that event.<\/span><\/p>\n \u21d2 <\/span><\/b>You can also use NoCode tools to integrate these webhooks with other applications without the need for programming skills.<\/span><\/p>\n [\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”4.19.3″ _module_preset=”default” custom_padding=”4px|||||” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.19.3″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.22.1″ text_font=”Varela Round||||||||” text_line_height=”1.5em” header_2_font=”Varela Round||||||||” header_2_line_height=”1.2em” header_3_font=”Varela Round||||||||” header_3_line_height=”1.2em” background_size=”initial” background_position=”top_left” background_repeat=”repeat” custom_margin=”15px|||||” custom_padding=”||6px|||” locked=”off” global_colors_info=”{}”]<\/p>\n As you have been able to see, here the thing is not about which is better, but about what you need it for. APIS and webhooks are systems that facilitate the tasks between web applications that we use on a daily basis and it all depends on the circumstances in which you are going to use them.<\/span> <\/span>You can see that the possibilities of both systems can be many. I hope that thanks to this post, you have understood a little better what webhooks and APIS are for. \ud83d\ude09<\/span> Come in and try Arkibot, [\/et_pb_text][et_pb_button button_url=”https:\/\/arkibot.com\/en\/promo\/launch-arkibot\/” button_text=”Take me to arkibot” button_alignment=”center” _builder_version=”4.21.0″ custom_button=”on” button_text_size=”16px” button_text_color=”#1f2937″ button_bg_color=”#eab30a” button_bg_color_gradient_direction=”90deg” button_bg_color_gradient_stops=”#f7828e 0%|#fcb6ab 100%” button_bg_color_gradient_start=”#f7828e” button_bg_color_gradient_end=”#fcb6ab” button_border_width=”0px” button_border_color=”#3730a3″ button_border_radius=”4px” button_letter_spacing=”5px” button_font=”|700||on|||||” button_use_icon=”off” background_layout=”dark” custom_margin=”|||” custom_padding=”18px|34px|18px|34px|true|true” button_text_size_tablet=”16px” button_text_size_phone=”12px” button_text_size_last_edited=”on|phone” button_letter_spacing_hover=”5.5px” locked=”off” global_colors_info=”{}” button_text_size__hover_enabled=”off” button_one_text_size__hover_enabled=”off” button_two_text_size__hover_enabled=”off” button_text_color__hover_enabled=”off” button_one_text_color__hover_enabled=”off” button_two_text_color__hover_enabled=”off” button_border_width__hover_enabled=”off” button_one_border_width__hover_enabled=”off” button_two_border_width__hover_enabled=”off” button_border_color__hover_enabled=”off” button_one_border_color__hover_enabled=”off” button_two_border_color__hover_enabled=”off” button_border_radius__hover_enabled=”off” button_one_border_radius__hover_enabled=”off” button_two_border_radius__hover_enabled=”off” button_letter_spacing__hover_enabled=”on” button_letter_spacing__hover=”5.5px” button_one_letter_spacing__hover_enabled=”off” button_two_letter_spacing__hover_enabled=”off” button_bg_color__hover_enabled=”off” button_one_bg_color__hover_enabled=”off” button_two_bg_color__hover_enabled=”off”][\/et_pb_button][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":" You’ve probably heard the words webhook and API (Application Programming Interfaces) mentioned more times than you can remember, but you have no idea what it’s all about. It’s completely normal if you don’t belong to the technology sector, but it doesn’t hurt to know how these systems work, which you may use constantly without knowing […]<\/p>\n","protected":false},"author":3,"featured_media":264933,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[28],"tags":[],"class_list":["post-263875","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-terminos"],"_links":{"self":[{"href":"https:\/\/arkibot.com\/en\/wp-json\/wp\/v2\/posts\/263875"}],"collection":[{"href":"https:\/\/arkibot.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/arkibot.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/arkibot.com\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/arkibot.com\/en\/wp-json\/wp\/v2\/comments?post=263875"}],"version-history":[{"count":20,"href":"https:\/\/arkibot.com\/en\/wp-json\/wp\/v2\/posts\/263875\/revisions"}],"predecessor-version":[{"id":265133,"href":"https:\/\/arkibot.com\/en\/wp-json\/wp\/v2\/posts\/263875\/revisions\/265133"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/arkibot.com\/en\/wp-json\/wp\/v2\/media\/264933"}],"wp:attachment":[{"href":"https:\/\/arkibot.com\/en\/wp-json\/wp\/v2\/media?parent=263875"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/arkibot.com\/en\/wp-json\/wp\/v2\/categories?post=263875"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/arkibot.com\/en\/wp-json\/wp\/v2\/tags?post=263875"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}What it a webhook<\/b><\/h2>\n
Examples of webhooks in Arkibot:<\/span><\/b><\/h3>\n
What is an API <\/b><\/h2>\n
<\/span><\/h2>\n
Differences between webhook and API<\/b><\/h2>\n
When to use webhooks and when to use APIS<\/b><\/h2>\n
In Conclusions
\n<\/b><\/h2>\n
\n<\/span>
\n<\/span>We use both systems, both in <\/span>Arkibot<\/span><\/a> as in <\/span>Webempresa<\/span><\/a>\u00a0because neither excludes the other.<\/span>
\n<\/span>
\n<\/span>In <\/span>Arkibot<\/span><\/a> thanks to webhooks we can connect automation tools with applications to each other.<\/span><\/p>\n
\n<\/span>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”4.16″ background_color=”#a855f7″ background_image=”https:\/\/arkibot.com\/en\/wp-content\/uploads\/2022\/10\/marketing-bg8.png” max_width=”90%” custom_margin=”6px|auto||auto||” custom_padding=”25px||25px||true|false” border_radii=”on|15px|15px|15px|15px” global_module=”262584″ saved_tabs=”all” locked=”off” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.16″ global_colors_info=”{}”][et_pb_image src=”https:\/\/arkibot.com\/en\/wp-content\/uploads\/2022\/11\/WeBot-150×150-1.png” align=”center” _builder_version=”4.16″ width=”20%” global_colors_info=”{}”][\/et_pb_image][et_pb_text _builder_version=”4.21.0″ text_font=”Varela Round||||||||” text_text_color=”#ffffff” text_font_size=”20px” text_line_height=”1.5em” header_2_font=”Varela Round|700|||||||” header_2_text_align=”center” header_2_text_color=”#ffffff” text_orientation=”center” custom_padding=”|50px||50px|false|true” global_colors_info=”{}”]<\/p>\nWant to know more?<\/strong><\/h2>\n
your business customer service is going to change after this.<\/p>\n