{"id":37345,"date":"2025-04-11T07:59:00","date_gmt":"2025-04-11T07:59:00","guid":{"rendered":"https:\/\/www.iflair.com\/?p=37345"},"modified":"2025-07-23T12:11:16","modified_gmt":"2025-07-23T12:11:16","slug":"seamless-cruise-data-integration-with-duda-widget-for-enhanced-user-experience","status":"publish","type":"post","link":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/seamless-cruise-data-integration-with-duda-widget-for-enhanced-user-experience\/","title":{"rendered":"Seamless Cruise Data Integration with Duda Widget for Enhanced User Experience"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row css_animation=&#8221;&#8221; row_type=&#8221;row&#8221; use_row_as_full_screen_section=&#8221;no&#8221; type=&#8221;grid&#8221; angled_section=&#8221;no&#8221; text_align=&#8221;left&#8221; background_image_as_pattern=&#8221;without_pattern&#8221; el_class=&#8221;mx-0&#8243; z_index=&#8221;&#8221;][vc_column][vc_single_image image=&#8221;37384&#8243; img_size=&#8221;full&#8221; alignment=&#8221;center&#8221; css=&#8221;&#8221; qode_css_animation=&#8221;&#8221;][\/vc_column][\/vc_row][vc_row css_animation=&#8221;&#8221; row_type=&#8221;row&#8221; use_row_as_full_screen_section=&#8221;no&#8221; type=&#8221;grid&#8221; angled_section=&#8221;no&#8221; text_align=&#8221;left&#8221; background_image_as_pattern=&#8221;without_pattern&#8221; el_class=&#8221;mx-0&#8243; z_index=&#8221;&#8221; css=&#8221;.vc_custom_1586517129021{padding-top: 30px !important;}&#8221;][vc_column][vc_row_inner row_type=&#8221;row&#8221; type=&#8221;full_width&#8221; text_align=&#8221;left&#8221; css_animation=&#8221;&#8221; el_class=&#8221;custom-ul-with-text-wrapper&#8221;][vc_column_inner][vc_column_text css=&#8221;&#8221;]<\/p>\n<h2><strong>Unified Data Integration with Duda and Custom Development<\/strong><\/h2>\n<p>[\/vc_column_text][vc_column_text css=&#8221;&#8221;]Our client requires a unified platform to ensure that a specific data type is available across multiple websites. We can use Duda and implement custom <a href=\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/css3-development\/\"><strong>CSS<\/strong><\/a> and JavaScript with drag-and-drop functionality while integrating the necessary HTML to achieve this. We also make different widgets in Duda and then use them with the authentication on our website. We fetch data from the APIs and have different filters.[\/vc_column_text][vc_column_text css=&#8221;&#8221;]<\/p>\n<ul>\n<li>Authentication<\/li>\n<li>Widgets<\/li>\n<li>Drag and drop Support<\/li>\n<li>Use Custom HTML, CSS, and JS<\/li>\n<li>Fetch data from APIs<\/li>\n<\/ul>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;20px&#8221;][vc_column_text css=&#8221;&#8221;]<\/p>\n<h3><strong>Problem Learning<\/strong><\/h3>\n<p>[\/vc_column_text][vc_column_text css=&#8221;&#8221;]First, we need to implement authentication by generating a unique key for website users, which will be used to verify their access on the Duda platform. This user key will allow them to utilise specific widgets. We will integrate custom JavaScript from our website into Duda to enable this functionality. Once authentication is in place, we will add CSS and JavaScript to fetch data from third-party APIs. The retrieved data can then be seamlessly used across multiple websites.[\/vc_column_text][vc_empty_space height=&#8221;20px&#8221;][vc_column_text css=&#8221;&#8221;]<\/p>\n<h3><strong>Fetch Data from a third-party API<\/strong><\/h3>\n<p><span style=\"font-weight: 400;\">After creating different widgets, we developed custom JavaScript to fetch data from third-party APIs. This ensures seamless data integration, allowing widgets to display relevant information dynamically.<\/span>[\/vc_column_text][vc_empty_space height=&#8221;20px&#8221;][vc_column_text css=&#8221;&#8221;]<\/p>\n<h3><strong>Create JS and CSS<\/strong><\/h3>\n<p>For different websites, the client wants all data to be displayed dynamically. To achieve this, we fetch data from a third-party API and update the website content in real time. However, we face CSS conflicts because Duda has its styling, and our custom CSS sometimes overrides or clashes with it.[\/vc_column_text][vc_empty_space height=&#8221;20px&#8221;][vc_column_text css=&#8221;&#8221;]<\/p>\n<h2><strong>Overcoming Challenges<\/strong><\/h2>\n<p>[\/vc_column_text][vc_column_text css=&#8221;&#8221;]<\/p>\n<h3><strong>Dynamic Data Integration<\/strong><\/h3>\n<p>Ensured real-time data fetching from third-party APIs. Implemented proper error handling to manage API failures. Used asynchronous JavaScript (async\/await) for smooth data updates. Duda only supports HTML, CSS &amp; JS.[\/vc_column_text][vc_empty_space height=&#8221;20px&#8221;][vc_column_text css=&#8221;&#8221;]<\/p>\n<h3><strong>User Authentication &amp; Access Control<\/strong><\/h3>\n<p><span style=\"font-weight: 400;\">Implemented unique user keys for authentication. Restricted access to widgets based on user permissions. Ensured security measures to protect user data.<\/span>[\/vc_column_text][vc_empty_space height=&#8221;20px&#8221;][vc_column_text css=&#8221;&#8221;]<\/p>\n<h3><strong>Widget Customization for Different Websites<\/strong><\/h3>\n<p>Developed modular widgets that can be customized per website. Allowed clients to add\/remove widgets dynamically. Ensured widgets remain optimized. Provided also provides customization for the font type, font color, button color, and text color.[\/vc_column_text][vc_empty_space height=&#8221;20px&#8221;][vc_column_text css=&#8221;&#8221;]<\/p>\n<h2><strong>How We Solve the Problem<\/strong><\/h2>\n<p>[\/vc_column_text][vc_column_text css=&#8221;&#8221;]<\/p>\n<h3><strong>Resolving CSS Conflicts with Duda<\/strong><\/h3>\n<p>Used unique and specific class names to prevent style overrides. Applied scoped CSS and inline styles where necessary. Used! important, selectively for critical styling fixes.[\/vc_column_text][vc_empty_space height=&#8221;20px&#8221;][vc_column_text css=&#8221;&#8221;]<\/p>\n<h3><strong>Implementing Dynamic Data Integration<\/strong><\/h3>\n<p><span style=\"font-weight: 400;\">Developed custom JavaScript to fetch and display API data dynamically. Used async\/await with proper error handling to ensure seamless data retrieval. Implemented caching mechanisms to reduce redundant API calls and improve performance.<\/span>[\/vc_column_text][vc_empty_space height=&#8221;20px&#8221;][vc_column_text css=&#8221;&#8221;]<\/p>\n<h3><strong>Customizing Widgets for Different Clients<\/strong><\/h3>\n<p><span style=\"font-weight: 400;\">Designed modular widgets that can be enabled\/disabled based on user preferences. Allowed clients to configure widgets dynamically without modifying the core code. Ensured widgets remain optimized for performance.<\/span>[\/vc_column_text][vc_empty_space height=&#8221;20px&#8221;][vc_column_text css=&#8221;&#8221;]<\/p>\n<h3><strong>Optimizing Performance &amp; Load Time<\/strong><\/h3>\n<p><span style=\"font-weight: 400;\">Reduced API call frequency and implemented efficient data handling. Optimized JavaScript execution to prevent blocking UI interactions. Used lazy loading for widgets to improve website speed.<\/span>[\/vc_column_text][vc_empty_space height=&#8221;20px&#8221;][vc_column_text css=&#8221;&#8221;]<\/p>\n<h2><strong>Duda Widget Implementation Example<\/strong><\/h2>\n<h3>Widgets<\/h3>\n<p>[\/vc_column_text][vc_single_image image=&#8221;37382&#8243; img_size=&#8221;full&#8221; alignment=&#8221;center&#8221; css=&#8221;&#8221; qode_css_animation=&#8221;&#8221;][vc_empty_space height=&#8221;20px&#8221;][vc_column_text css=&#8221;&#8221;]<\/p>\n<h3><strong>Preview of the website<\/strong><\/h3>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;20px&#8221;][vc_single_image image=&#8221;37383&#8243; img_size=&#8221;full&#8221; alignment=&#8221;center&#8221; css=&#8221;&#8221; qode_css_animation=&#8221;&#8221;][vc_empty_space height=&#8221;20px&#8221;][vc_column_text css=&#8221;&#8221;]<\/p>\n<h2><strong>Scalability and Performance Best Practices<\/strong><\/h2>\n<p>[\/vc_column_text][vc_column_text css=&#8221;&#8221;]<\/p>\n<h3><strong>Efficient API Calls<\/strong><\/h3>\n<p><span style=\"font-weight: 400;\">Use caching mechanisms to store frequently accessed data. Implement rate limiting to prevent excessive API requests. Optimize API responses by requesting only necessary data fields.<\/span>[\/vc_column_text][vc_empty_space height=&#8221;20px&#8221;][vc_column_text css=&#8221;&#8221;]<\/p>\n<h3><strong>Optimized CSS and JS<\/strong><\/h3>\n<p><span style=\"font-weight: 400;\">Use async\/await for non-blocking data fetching. Avoid excessive use of !important to maintain proper styling. Use scoped CSS to prevent conflicts with Duda\u2019s default styles.<\/span>[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_row_inner row_type=&#8221;row&#8221; type=&#8221;full_width&#8221; text_align=&#8221;left&#8221; css_animation=&#8221;&#8221; css=&#8221;.vc_custom_1715260600126{margin-top: 20px !important;padding-top: 60px !important;padding-bottom: 60px !important;background-image: url(https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/wp-content\/uploads\/2024\/05\/Hire-Expert-Qusar-Developers-for-the-Smart-Web-App-Development-\u2013-1.jpg?id=26671) !important;}&#8221; el_class=&#8221;custom-ul-with-text-wrapper&#8221;][vc_column_inner width=&#8221;1\/2&#8243;][vc_column_text css=&#8221;&#8221;]<\/p>\n<h3><b><span style=\"color: #ffffff;\">Integrate Dynamic Data with Duda Widgets Today!<\/span><\/b><\/h3>\n<p>[\/vc_column_text]<a  itemprop=\"url\" href=\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/contact-us\/\" target=\"_self\"  class=\"qbutton  default home-banner-section home-banner-button\" style=\"margin: 35px 0px 0px 0px; border-radius: 5pxpx;-moz-border-radius: 5pxpx;-webkit-border-radius: 5pxpx; \">Get Started<\/a>[\/vc_column_inner][vc_column_inner width=&#8221;1\/2&#8243;][\/vc_column_inner][\/vc_row_inner][vc_row_inner row_type=&#8221;row&#8221; type=&#8221;full_width&#8221; text_align=&#8221;left&#8221; css_animation=&#8221;&#8221; css=&#8221;.vc_custom_1707119979398{margin-top: 20px !important;}&#8221;][vc_column_inner][vc_column_text css=&#8221;&#8221;]<\/p>\n<h3>The Way Forward<\/h3>\n<p>[\/vc_column_text][vc_column_text css=&#8221;.vc_custom_1744278924495{padding-top: 20px !important;padding-bottom: 20px !important;}&#8221;]For optimal performance and scalability of the Duda widget for cruise, implement caching to store frequently accessed data, minimize excessive API calls, and fetch only necessary fields to optimize responses in less time. Also used asynchronous <a href=\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/javascript-development\/\"><strong>JavaScript<\/strong> <\/a>(async\/await) for smooth dynamic data updates.[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row css_animation=&#8221;&#8221; row_type=&#8221;row&#8221; use_row_as_full_screen_section=&#8221;no&#8221; type=&#8221;grid&#8221; angled_section=&#8221;no&#8221; text_align=&#8221;left&#8221; background_image_as_pattern=&#8221;without_pattern&#8221; css=&#8221;.vc_custom_1707119045703{background-color: #ffffff !important;}&#8221; z_index=&#8221;&#8221; el_class=&#8221;contact-form-section pt-auto mx-0 custom_page_new&#8221; el_id=&#8221;contact-us&#8221;][vc_column][vc_row_inner row_type=&#8221;row&#8221; type=&#8221;full_width&#8221; text_align=&#8221;left&#8221; css_animation=&#8221;&#8221; el_class=&#8221;contact-form-wrapper mx-0&#8243;][vc_column_inner el_class=&#8221;form-home-top&#8221;][vc_column_text css=&#8221;.vc_custom_1644228956305{padding-bottom: 10px !important;}&#8221;]<\/p>\n<h2 style=\"text-align: center;\"><strong>Free Consultation<\/strong><\/h2>\n<p>[\/vc_column_text]\n<div class=\"wpcf7 no-js\" id=\"wpcf7-f12-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"12\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/iflair_site\/wp-json\/wp\/v2\/posts\/37345#wpcf7-f12-o1\" method=\"post\" class=\"wpcf7-form init default\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"12\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.4\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f12-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/><input type=\"hidden\" name=\"_wpcf7dtx_version\" value=\"5.0.4\" \/>\n<\/fieldset>\n<span class=\"wpcf7-form-control-wrap dynamic_hidden-72\" data-name=\"dynamic_hidden-72\"><input type=\"hidden\" name=\"dynamic_hidden-72\" class=\"wpcf7-form-control wpcf7-hidden wpcf7dtx wpcf7dtx-hidden dtx-pageload\" aria-invalid=\"false\" value=\"Seamless Cruise Data Integration with Duda Widget for Enhanced User Experience\" data-dtx-value=\"CF7_get_post_var%20key%3D%27title\"><\/span>\n<div class=\"cmn-form-two-column-input\">\n\t<p class=\"cmn-form-input\"><label>Name*<\/label><span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span>\n\t<\/p>\n\t<p class=\"cmn-form-input\"><label>Email*<\/label><span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span>\n\t<\/p>\n<\/div>\n<p class=\"cmn-form-input\"><label>Phone Number*<\/label><span class=\"wpcf7-form-control-wrap\" data-name=\"Phone-Number\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-tel wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-tel\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"tel\" name=\"Phone-Number\" \/><\/span>\n<\/p>\n<p class=\"cmn-form-input cmn-form-textarea\"><label>Description*<\/label><span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><textarea cols=\"40\" rows=\"2\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" name=\"your-message\"><\/textarea><\/span>\n<\/p>\n<p class=\"cmn-submit-btn\"><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Submit your inquiry\" \/>\n<\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n[\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Our client requires a unified platform to ensure that a specific data type is available across multiple websites. We can use Duda and implement custom CSS and JavaScript with drag-and-drop functionality while integrating the necessary HTML to achieve this. <\/p>\n","protected":false},"author":1,"featured_media":37309,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[45,594],"tags":[1381,1382,1383,1384,1385,1386,1387,1388,1303,1304,1305,1306,1307,1308],"class_list":["post-37345","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Cruise Data Integration with Duda Widget<\/title>\n<meta name=\"description\" content=\"Learn how to integrate cruise data with Duda widgets using APIs, authentication, custom JS, CSS, and dynamic data fetching across sites.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/seamless-cruise-data-integration-with-duda-widget-for-enhanced-user-experience\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Cruise Data Integration with Duda Widget\" \/>\n<meta property=\"og:description\" content=\"Learn how to integrate cruise data with Duda widgets using APIs, authentication, custom JS, CSS, and dynamic data fetching across sites.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/seamless-cruise-data-integration-with-duda-widget-for-enhanced-user-experience\/\" \/>\n<meta property=\"og:site_name\" content=\"iFlair Web Technologies\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/iFlairWebTechnologiesPvtLtd\/\" \/>\n<meta property=\"article:published_time\" content=\"2025-04-11T07:59:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-07-23T12:11:16+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/wp-content\/uploads\/2025\/04\/Real-Time-ProcessingUpdates-Using-Server-SentEvents-SSE-with-Vue.jsand-Nest-JS.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1680\" \/>\n\t<meta property=\"og:image:height\" content=\"850\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Jinal Shah\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@https:\/\/twitter.com\/iFlairWebTech\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jinal Shah\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/seamless-cruise-data-integration-with-duda-widget-for-enhanced-user-experience\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/seamless-cruise-data-integration-with-duda-widget-for-enhanced-user-experience\/\"},\"author\":{\"name\":\"Jinal Shah\",\"@id\":\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/#\/schema\/person\/79e19e896a9f7ce44940e4741d6574aa\"},\"headline\":\"Seamless Cruise Data Integration with Duda Widget for Enhanced User Experience\",\"datePublished\":\"2025-04-11T07:59:00+00:00\",\"dateModified\":\"2025-07-23T12:11:16+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/seamless-cruise-data-integration-with-duda-widget-for-enhanced-user-experience\/\"},\"wordCount\":1254,\"publisher\":{\"@id\":\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/#organization\"},\"image\":{\"@id\":\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/seamless-cruise-data-integration-with-duda-widget-for-enhanced-user-experience\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/wp-content\/uploads\/2025\/04\/Real-Time-ProcessingUpdates-Using-Server-SentEvents-SSE-with-Vue.jsand-Nest-JS.jpg\",\"keywords\":[\"cruise data integration\",\"duda widget php\",\"php cruise api integration\",\"enhance user experience duda\",\"seamless data sync php\",\"duda custom widget\",\"cruise booking integration php\",\"integrate cruise data wordpress\",\"Duda widgets\",\"Duda Authentications\",\"APIs\",\"Fetching Data\",\"Filtering offers\",\"Cruise\"],\"articleSection\":[\"PHP Development\",\"PHP Framework\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/seamless-cruise-data-integration-with-duda-widget-for-enhanced-user-experience\/\",\"url\":\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/seamless-cruise-data-integration-with-duda-widget-for-enhanced-user-experience\/\",\"name\":\"Cruise Data Integration with Duda Widget\",\"isPartOf\":{\"@id\":\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/seamless-cruise-data-integration-with-duda-widget-for-enhanced-user-experience\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/seamless-cruise-data-integration-with-duda-widget-for-enhanced-user-experience\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/wp-content\/uploads\/2025\/04\/Real-Time-ProcessingUpdates-Using-Server-SentEvents-SSE-with-Vue.jsand-Nest-JS.jpg\",\"datePublished\":\"2025-04-11T07:59:00+00:00\",\"dateModified\":\"2025-07-23T12:11:16+00:00\",\"description\":\"Learn how to integrate cruise data with Duda widgets using APIs, authentication, custom JS, CSS, and dynamic data fetching across sites.\",\"breadcrumb\":{\"@id\":\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/seamless-cruise-data-integration-with-duda-widget-for-enhanced-user-experience\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/seamless-cruise-data-integration-with-duda-widget-for-enhanced-user-experience\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/seamless-cruise-data-integration-with-duda-widget-for-enhanced-user-experience\/#primaryimage\",\"url\":\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/wp-content\/uploads\/2025\/04\/Real-Time-ProcessingUpdates-Using-Server-SentEvents-SSE-with-Vue.jsand-Nest-JS.jpg\",\"contentUrl\":\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/wp-content\/uploads\/2025\/04\/Real-Time-ProcessingUpdates-Using-Server-SentEvents-SSE-with-Vue.jsand-Nest-JS.jpg\",\"width\":1680,\"height\":850,\"caption\":\"Duda\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/seamless-cruise-data-integration-with-duda-widget-for-enhanced-user-experience\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Seamless Cruise Data Integration with Duda Widget for Enhanced User Experience\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/#website\",\"url\":\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/\",\"name\":\"iflair.com\",\"description\":\"Together We Grow\",\"publisher\":{\"@id\":\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/#organization\",\"name\":\"iFlair Web Technologies Pvt. Ltd.\",\"alternateName\":\"iFlair\",\"url\":\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/wp-content\/uploads\/2025\/07\/logo-site.jpg\",\"contentUrl\":\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/wp-content\/uploads\/2025\/07\/logo-site.jpg\",\"width\":600,\"height\":315,\"caption\":\"iFlair Web Technologies Pvt. Ltd.\"},\"image\":{\"@id\":\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/#\/schema\/person\/79e19e896a9f7ce44940e4741d6574aa\",\"name\":\"Jinal Shah\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/0.gravatar.com\/avatar\/3017cf980d30e9ee79c2b3cb16b58f54?s=64&d=mm&r=g\",\"contentUrl\":\"https:\/\/0.gravatar.com\/avatar\/3017cf980d30e9ee79c2b3cb16b58f54?s=64&d=mm&r=g\",\"caption\":\"Jinal Shah\"},\"description\":\"Jinal Shah is the Managing Director of iFlair Web Technologies Pvt. Ltd. and has been leading the company since 2004. With over 25 years of experience in driving business growth and establishing new business directions, Jinal Shah has successfully supported organizations from startups to Fortune 500 companies. He is dedicated to sharing insights on emerging technologies and industry trends, offering thought leadership on various platforms.\",\"sameAs\":[\"https:\/\/www.facebook.com\/iFlairWebTechnologiesPvtLtd\/\",\"https:\/\/www.instagram.com\/iflairwebtechnologies\/\",\"https:\/\/www.linkedin.com\/company\/iflair-web-technologies-pvt.-ltd.\",\"https:\/\/x.com\/https:\/\/twitter.com\/iFlairWebTech\"],\"url\":\"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/author\/jinal-shah\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Cruise Data Integration with Duda Widget","description":"Learn how to integrate cruise data with Duda widgets using APIs, authentication, custom JS, CSS, and dynamic data fetching across sites.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/seamless-cruise-data-integration-with-duda-widget-for-enhanced-user-experience\/","og_locale":"en_US","og_type":"article","og_title":"Cruise Data Integration with Duda Widget","og_description":"Learn how to integrate cruise data with Duda widgets using APIs, authentication, custom JS, CSS, and dynamic data fetching across sites.","og_url":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/seamless-cruise-data-integration-with-duda-widget-for-enhanced-user-experience\/","og_site_name":"iFlair Web Technologies","article_author":"https:\/\/www.facebook.com\/iFlairWebTechnologiesPvtLtd\/","article_published_time":"2025-04-11T07:59:00+00:00","article_modified_time":"2025-07-23T12:11:16+00:00","og_image":[{"width":1680,"height":850,"url":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/wp-content\/uploads\/2025\/04\/Real-Time-ProcessingUpdates-Using-Server-SentEvents-SSE-with-Vue.jsand-Nest-JS.jpg","type":"image\/jpeg"}],"author":"Jinal Shah","twitter_card":"summary_large_image","twitter_creator":"@https:\/\/twitter.com\/iFlairWebTech","twitter_misc":{"Written by":"Jinal Shah","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/seamless-cruise-data-integration-with-duda-widget-for-enhanced-user-experience\/#article","isPartOf":{"@id":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/seamless-cruise-data-integration-with-duda-widget-for-enhanced-user-experience\/"},"author":{"name":"Jinal Shah","@id":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/#\/schema\/person\/79e19e896a9f7ce44940e4741d6574aa"},"headline":"Seamless Cruise Data Integration with Duda Widget for Enhanced User Experience","datePublished":"2025-04-11T07:59:00+00:00","dateModified":"2025-07-23T12:11:16+00:00","mainEntityOfPage":{"@id":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/seamless-cruise-data-integration-with-duda-widget-for-enhanced-user-experience\/"},"wordCount":1254,"publisher":{"@id":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/#organization"},"image":{"@id":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/seamless-cruise-data-integration-with-duda-widget-for-enhanced-user-experience\/#primaryimage"},"thumbnailUrl":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/wp-content\/uploads\/2025\/04\/Real-Time-ProcessingUpdates-Using-Server-SentEvents-SSE-with-Vue.jsand-Nest-JS.jpg","keywords":["cruise data integration","duda widget php","php cruise api integration","enhance user experience duda","seamless data sync php","duda custom widget","cruise booking integration php","integrate cruise data wordpress","Duda widgets","Duda Authentications","APIs","Fetching Data","Filtering offers","Cruise"],"articleSection":["PHP Development","PHP Framework"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/seamless-cruise-data-integration-with-duda-widget-for-enhanced-user-experience\/","url":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/seamless-cruise-data-integration-with-duda-widget-for-enhanced-user-experience\/","name":"Cruise Data Integration with Duda Widget","isPartOf":{"@id":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/#website"},"primaryImageOfPage":{"@id":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/seamless-cruise-data-integration-with-duda-widget-for-enhanced-user-experience\/#primaryimage"},"image":{"@id":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/seamless-cruise-data-integration-with-duda-widget-for-enhanced-user-experience\/#primaryimage"},"thumbnailUrl":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/wp-content\/uploads\/2025\/04\/Real-Time-ProcessingUpdates-Using-Server-SentEvents-SSE-with-Vue.jsand-Nest-JS.jpg","datePublished":"2025-04-11T07:59:00+00:00","dateModified":"2025-07-23T12:11:16+00:00","description":"Learn how to integrate cruise data with Duda widgets using APIs, authentication, custom JS, CSS, and dynamic data fetching across sites.","breadcrumb":{"@id":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/seamless-cruise-data-integration-with-duda-widget-for-enhanced-user-experience\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/seamless-cruise-data-integration-with-duda-widget-for-enhanced-user-experience\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/seamless-cruise-data-integration-with-duda-widget-for-enhanced-user-experience\/#primaryimage","url":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/wp-content\/uploads\/2025\/04\/Real-Time-ProcessingUpdates-Using-Server-SentEvents-SSE-with-Vue.jsand-Nest-JS.jpg","contentUrl":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/wp-content\/uploads\/2025\/04\/Real-Time-ProcessingUpdates-Using-Server-SentEvents-SSE-with-Vue.jsand-Nest-JS.jpg","width":1680,"height":850,"caption":"Duda"},{"@type":"BreadcrumbList","@id":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/seamless-cruise-data-integration-with-duda-widget-for-enhanced-user-experience\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/"},{"@type":"ListItem","position":2,"name":"Seamless Cruise Data Integration with Duda Widget for Enhanced User Experience"}]},{"@type":"WebSite","@id":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/#website","url":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/","name":"iflair.com","description":"Together We Grow","publisher":{"@id":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/#organization","name":"iFlair Web Technologies Pvt. Ltd.","alternateName":"iFlair","url":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/#\/schema\/logo\/image\/","url":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/wp-content\/uploads\/2025\/07\/logo-site.jpg","contentUrl":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/wp-content\/uploads\/2025\/07\/logo-site.jpg","width":600,"height":315,"caption":"iFlair Web Technologies Pvt. Ltd."},"image":{"@id":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/#\/schema\/person\/79e19e896a9f7ce44940e4741d6574aa","name":"Jinal Shah","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/#\/schema\/person\/image\/","url":"https:\/\/0.gravatar.com\/avatar\/3017cf980d30e9ee79c2b3cb16b58f54?s=64&d=mm&r=g","contentUrl":"https:\/\/0.gravatar.com\/avatar\/3017cf980d30e9ee79c2b3cb16b58f54?s=64&d=mm&r=g","caption":"Jinal Shah"},"description":"Jinal Shah is the Managing Director of iFlair Web Technologies Pvt. Ltd. and has been leading the company since 2004. With over 25 years of experience in driving business growth and establishing new business directions, Jinal Shah has successfully supported organizations from startups to Fortune 500 companies. He is dedicated to sharing insights on emerging technologies and industry trends, offering thought leadership on various platforms.","sameAs":["https:\/\/www.facebook.com\/iFlairWebTechnologiesPvtLtd\/","https:\/\/www.instagram.com\/iflairwebtechnologies\/","https:\/\/www.linkedin.com\/company\/iflair-web-technologies-pvt.-ltd.","https:\/\/x.com\/https:\/\/twitter.com\/iFlairWebTech"],"url":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/author\/jinal-shah\/"}]}},"_links":{"self":[{"href":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/wp-json\/wp\/v2\/posts\/37345","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/wp-json\/wp\/v2\/comments?post=37345"}],"version-history":[{"count":0,"href":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/wp-json\/wp\/v2\/posts\/37345\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/wp-json\/wp\/v2\/media\/37309"}],"wp:attachment":[{"href":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/wp-json\/wp\/v2\/media?parent=37345"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/wp-json\/wp\/v2\/categories?post=37345"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devwp1.websiteserverhost.biz\/iflair_site\/wp-json\/wp\/v2\/tags?post=37345"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}