CINXE.COM

<!DOCTYPE html> <html lang=en> <head itemscope itemtype="https://schema.org/WebSite"> <title>Playground | Applet.io by 500apps</title> <meta http-equiv=content-type content="text/html; charset=UTF-8"> <link rel="shortcut icon" type="image/x-icon" href="/images/favicon.ico"> <meta content="width=device-width, initial-scale=1.0" name=viewport> <meta name=apple-mobile-web-app-capable content=yes> <meta name=description content="Playground, Applet.io by 500apps, provides a secure environment for developers to experiment, rapid prototype, and test new application features. Get access to 50 apps for $14.99 per user."> <link rel=canonical href="https://applet.io/playground"> <link href=applet.io rel=dns-prefetch> <meta property=og:site_name content=Applet.io> <meta property=og:type content=website> <meta property=og:url content="https://applet.io/playground"> <meta property=og:title content="Playground | Applet.io by 500apps"> <meta property=og:description content="Playground, Applet.io by 500apps, provides a secure environment for developers to experiment, rapid prototype, and test new application features. Get access to 50 apps for $14.99 per user."> <meta property=og:image content="https://applet.io/images/playground-screenshot-1.png?v=1691124479409199525"> <meta property=og:logo content="/images/favicon.ico"> <meta property=og:image:width content=750> <meta property=og:image:height content=350> <meta name=twitter:card content=summary_large_image> <meta name=twitter:title content="Playground | Applet.io by 500apps"> <meta name=twitter:site content=""> <meta name=twitter:description content="Playground, Applet.io by 500apps, provides a secure environment for developers to experiment, rapid prototype, and test new application features. Get access to 50 apps for $14.99 per user."> <meta name=twitter:image content="https://applet.io/images/playground-screenshot-1.png?v=1691124479409199525"> <link rel="preload stylesheet" href="/lib/css/feather.css?v=1691124479409199525" as=style type="text/css" crossorigin=anonymous> <link rel="preload stylesheet" href="/lib/css/theme.min.css?v=1691124479409199525" as=style type="text/css" crossorigin=anonymous> <link rel=preload href="/lib/css/Feather.ttf" as=font type="font/ttf" crossorigin=anonymous> <link rel="preload stylesheet" href="/lib/css/site.css?v=1691124479409199525" as=style type="text/css" crossorigin=anonymous> <link rel="preload stylesheet" href="/lib/css/style.css?v=1691124479409199525" as=style type="text/css" crossorigin=anonymous> <link rel="preload stylesheet" href="/lib/css/module_category.css" as=style type="text/css" crossorigin=anonymous> <link rel=preload as=style href="//fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap" onload="this.rel='stylesheet'"> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "FAQPage", "mainEntity": [] } </script> <style> .enter1:hover{color: #fff !important;}.form-control.email500apps {height: calc(1.4em + 1.625rem + 2px) !important;}.new-design .unified_SSO_Signup.custom-widget img { height: 30px!important; width: 30px!important;}.new-design .unified_SSO_Signup.custom-widget>div {padding: 20px 0; background: #fff;border: 0;}@media only screen and (max-width: 767px) and (min-width: 320px) {.new-design .custom-widget>div,.new-design .home-singup-btn-2,.new-design .unified_SSO_Signup.custom-widget>div {width: auto; justify-content: center;}}.new-design .home-singup-btn-2 {padding: 12px 0 !important;} </style> <script> (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-546S28L'); </script> <style> @media screen and (min-width: 992px) { .text-sm-left, .text-md-left, .text-lg-left, .text-xl-left {text-align: left !important;} } @media screen and (max-width:991px) { .text-sm-left, .text-md-left, .text-lg-left, .text-xl-left, .text-center{ text-align: center !important;} } @media screen and (max-width: 767px) {.text-center {text-align: center!important;}} p{color: inherit !important;} </style> </head> <body itemscope itemtype="https://schema.org/WebPage"> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-546S28L" height=0 width=0 style="display:none;visibility:hidden"></iframe></noscript> <nav class="t-top-strip-navbar bg-white border-0 nav-bar navbar navbar-expand-lg rounded-0 p-0" itemscope itemtype="https://schema.org/WPHeader" style="background-color: #08045a !important"> <div class="container navbar-container"> <div class="collapse navbar-collapse apps-navbar text-nowrap menu500appsmenu" id=menu500appsmenu itemscope itemtype="https://schema.org/SiteNavigationElement"> <ul class="align-items-center nav-first navbar-nav w-100"> <li class="nav-item appsdropdown-menu8 dropdown hellobar_list_block hovered header-hover infinity-dropdown navbarLandings8 position-relative"> <a class=nav-link id=navbarLandings8 target=_blank href="https://500apps.com/" aria-haspopup=true aria-expanded=true style="padding: 0 !important;"> <div class="alert alert-dismissible apps-gloabal-top-banner mb-0 rounded-0 text-white text-center"> <p class=mb-0><img src="/lib/images/500appsportal/infinity-white.svg?v=1680096878164245470" alt="infinity logo" class=mr-1 width=20 height=10> Join the SaaS Revolution by <span style="color: #ffdc00;">500apps</span> <span class="fe fe-chevrons-right" style="vertical-align: middle;"></span> <span class=text-white><span class=all-apps--count--text>50</span> Apps for</span> <span class="c-pricing-text pricing-id" style="color: #ffdc00;">$14.99</span><span style="color: #ffdc00;">/user</span> </p> </div> </a> <div class="dropdown-menu topstripdropdown megamenu dropdown-menu-w p-0"> <div class=dropdown-bg> <div class="d-flex justify-content-around px-7 py-7 top_strip_dropdown_block"> <div class=hellobar_product_dropdown_div> <div class="hellobar-collaboration-suite hellobar-suite-links mb-2"> <a href="https://500apps.com/collaboration" target=_blank class="text-decoration-none color-inherit"> <div class="d-flex align-items-center justify-content-between"> <p class="poppins-600 mb-0 heading_h5">Collaboration</p> <p class=mb-0><span class="fe fe-external-link"></span></p> </div> </a> </div> <ul class="nav flex-column"> <li class="nav-item mb-2"> <p class="mb-0 th_feature_name_heading"> <a href="https://teams.cc/" class="color-inherit text-decoration-none" title=Teams.cc target=_blank>Teams.cc</a> </p> <p class="th_feature_name_description font-weight-bold mb-0"> <a href="https://teams.cc/" class="color-inherit text-decoration-none" title="Team Chat" target=_blank>Team Chat </a> </p> </li> <li class="nav-item mb-2"> <p class="mb-0 th_feature_name_heading"> <a href="https://pbxplus.com/" class="color-inherit text-decoration-none" title=PBXPlus target=_blank>PBXPlus</a> </p> <p class="th_feature_name_description font-weight-bold mb-0"> <a href="https://pbxplus.com/" class="color-inherit text-decoration-none" title="Business Phone System" target=_blank>Business Phone System </a> </p> </li> <li class="nav-item mb-2"> <p class="mb-0 th_feature_name_heading"> <a href="https://500conference.com/" class="color-inherit text-decoration-none" title=500Conference target=_blank>500Conference</a> </p> <p class="th_feature_name_description font-weight-bold mb-0"> <a href="https://500conference.com/" class="color-inherit text-decoration-none" title="Video Conferencing" target=_blank>Video Conferencing </a> </p> </li> <li class="nav-item mb-2"> <p class="mb-0 th_feature_name_heading"> <a href="https://500mail.com/" class="color-inherit text-decoration-none" title=500Mail target=_blank>500Mail</a> </p> <p class="th_feature_name_description font-weight-bold mb-0"> <a href="https://500mail.com/" class="color-inherit text-decoration-none" title="Email Provider" target=_blank>Email Provider </a> </p> </li> <li class="nav-item mb-2"> <p class="mb-0 th_feature_name_heading"> <a href="https://500box.com/" class="color-inherit text-decoration-none" title=500Box target=_blank>500Box</a> <span class="badge alert-warning badge-secondary beta_text ml-2"> Beta </span> </p> <p class="th_feature_name_description font-weight-bold mb-0"> <a href="https://500box.com/" class="color-inherit text-decoration-none" title="Cloud Storage" target=_blank>Cloud Storage </a> </p> </li> </ul> <hr> <div class="hellobar-support-suite hellobar-suite-links mt-4 mb-2"> <a href="https://500apps.com/support" target=_blank class="text-decoration-none color-inherit"> <div class="d-flex align-items-center justify-content-between"> <p class="poppins-600 mb-0 heading_h5">Support</p> <p class=mb-0><span class="fe fe-external-link"></span></p> </div> </a> </div> <ul class="nav flex-column"> <li class="nav-item mb-2"> <p class="mb-0 th_feature_name_heading"> <a href="https://botup.com/" class="color-inherit text-decoration-none" title=BotUp target=_blank>BotUp</a> </p> <p class="th_feature_name_description font-weight-bold mb-0"> <a href="https://botup.com/" class="color-inherit text-decoration-none" title=Chatbot target=_blank>Chatbot </a> </p> </li> <li class="nav-item mb-2"> <p class="mb-0 th_feature_name_heading"> <a href="https://support.cc/" class="color-inherit text-decoration-none" title=Support.cc target=_blank>Support.cc</a> </p> <p class="th_feature_name_description font-weight-bold mb-0"> <a href="https://support.cc/" class="color-inherit text-decoration-none" title="Help Desk Software" target=_blank>Help Desk Software </a> </p> </li> <li class="nav-item mb-2"> <p class="mb-0 th_feature_name_heading"> <a href="https://ninjachat.com/" class="color-inherit text-decoration-none" title=NinjaChat target=_blank>NinjaChat</a> <span class="badge alert-warning badge-secondary beta_text ml-2"> Beta </span> </p> <p class="th_feature_name_description font-weight-bold mb-0"> <a href="https://ninjachat.com/" class="color-inherit text-decoration-none" title="Live Chat" target=_blank>Live Chat </a> </p> </li> <li class="nav-item mb-2"> <p class="mb-0 th_feature_name_heading"> <a href="https://feedbackup.com/" class="color-inherit text-decoration-none" title=FeedbackUp target=_blank>FeedbackUp</a> </p> <p class="th_feature_name_description font-weight-bold mb-0"> <a href="https://feedbackup.com/" class="color-inherit text-decoration-none" title="Customer Feedback" target=_blank>Customer Feedback </a> </p> </li> <li class="nav-item mb-2"> <p class="mb-0 th_feature_name_heading"> <a href="https://ninjaonboarding.com/" class="color-inherit text-decoration-none" title=NinjaOnboarding target=_blank>NinjaOnboarding</a> <span class="badge alert-warning badge-secondary beta_text ml-2"> Beta </span> </p> <p class="th_feature_name_description font-weight-bold mb-0"> <a href="https://ninjaonboarding.com/" class="color-inherit text-decoration-none" title="Customer Onboarding" target=_blank>Customer Onboarding </a> </p> </li> <li class="nav-item mb-2"> <p class="mb-0 th_feature_name_heading"> <a href="https://usertracker.com/" class="color-inherit text-decoration-none" title=UserTracker target=_blank>UserTracker</a> <span class="badge alert-warning badge-secondary beta_text ml-2"> App in works </span> </p> <p class="th_feature_name_description font-weight-bold mb-0"> <a href="https://usertracker.com/" class="color-inherit text-decoration-none" title="User Behavior Analytics" target=_blank>User Behavior Analytics </a> </p> </li> </ul> </div> <div class=hellobar_product_dropdown_div> <div class="hellobar-productivity-suite hellobar-suite-links mb-2"> <a href="https://500apps.com/productivity" target=_blank class="text-decoration-none color-inherit"> <div class="d-flex align-items-center justify-content-between"> <p class="poppins-600 mb-0 heading_h5">Productivity</p> <p class=mb-0><span class="fe fe-external-link"></span></p> </div> </a> </div> <ul class="nav flex-column"> <li class="nav-item mb-2"> <p class="mb-0 th_feature_name_heading"> <a href="https://projectsly.com/" class="color-inherit text-decoration-none" title=Projectsly target=_blank>Projectsly</a> </p> <p class="th_feature_name_description font-weight-bold mb-0"> <a href="https://projectsly.com/" class="color-inherit text-decoration-none" title="Project Management" target=_blank>Project Management </a> </p> </li> <li class="nav-item mb-2"> <p class="mb-0 th_feature_name_heading"> <a href="https://forms.io/" class="color-inherit text-decoration-none" title=Forms.io target=_blank>Forms.io</a> </p> <p class="th_feature_name_description font-weight-bold mb-0"> <a href="https://forms.io/" class="color-inherit text-decoration-none" title="Form Builder" target=_blank>Form Builder </a> </p> </li> <li class="nav-item mb-2"> <p class="mb-0 th_feature_name_heading"> <a href="https://schedule.cc/" class="color-inherit text-decoration-none" title=Schedule.cc target=_blank>Schedule.cc</a> </p> <p class="th_feature_name_description font-weight-bold mb-0"> <a href="https://schedule.cc/" class="color-inherit text-decoration-none" title="Appointment Scheduling" target=_blank>Appointment Scheduling </a> </p> </li> <li class="nav-item mb-2"> <p class="mb-0 th_feature_name_heading"> <a href="https://botpath.com/" class="color-inherit text-decoration-none" title=BotPath target=_blank>BotPath</a> </p> <p class="th_feature_name_description font-weight-bold mb-0"> <a href="https://botpath.com/" class="color-inherit text-decoration-none" title="Robotic Process Automation (RPA)" target=_blank>Robotic Process Automation (RPA) </a> </p> </li> <li class="nav-item mb-2"> <p class="mb-0 th_feature_name_heading"> <a href="https://bpmapp.com/" class="color-inherit text-decoration-none" title=BPMApp target=_blank>BPMApp</a> </p> <p class="th_feature_name_description font-weight-bold mb-0"> <a href="https://bpmapp.com/" class="color-inherit text-decoration-none" title="Business Process Management" target=_blank>Business Process Management </a> </p> </li> <li class="nav-item mb-2"> <p class="mb-0 th_feature_name_heading"> <a href="https://zapup.com/" class="color-inherit text-decoration-none" title=ZapUp target=_blank>ZapUp</a> </p> <p class="th_feature_name_description font-weight-bold mb-0"> <a href="https://zapup.com/" class="color-inherit text-decoration-none" title="App Integration" target=_blank>App Integration </a> </p> </li> <li class="nav-item mb-2"> <p class="mb-0 th_feature_name_heading"> <a href="https://sign.cc/" class="color-inherit text-decoration-none" title=Sign.cc target=_blank>Sign.cc</a> </p> <p class="th_feature_name_description font-weight-bold mb-0"> <a href="https://sign.cc/" class="color-inherit text-decoration-none" title="Electronic Signature" target=_blank>Electronic Signature </a> </p> </li> </ul> </div> <div class=hellobar_product_dropdown_div> <div class="hellobar-marketing-suite hellobar-suite-links mb-2"> <a href="https://500apps.com/marketing" target=_blank class="text-decoration-none color-inherit"> <div class="d-flex align-items-center justify-content-between"> <p class="poppins-600 mb-0 heading_h5">Marketing</p> <p class=mb-0><span class="fe fe-external-link"></span></p> </div> </a> </div> <ul class="nav flex-column"> <li class="nav-item mb-2"> <p class="mb-0 th_feature_name_heading"> <a href="https://ninjasites.com/" class="color-inherit text-decoration-none" title=NinjaSites target=_blank>NinjaSites</a> </p> <p class="th_feature_name_description font-weight-bold mb-0"> <a href="https://ninjasites.com/" class="color-inherit text-decoration-none" title="Website Builder" target=_blank>Website Builder </a> </p> </li> <li class="nav-item mb-2"> <p class="mb-0 th_feature_name_heading"> <a href="https://mailsend.com/" class="color-inherit text-decoration-none" title=MailSend target=_blank>MailSend</a> </p> <p class="th_feature_name_description font-weight-bold mb-0"> <a href="https://mailsend.com/" class="color-inherit text-decoration-none" title="Email Marketing" target=_blank>Email Marketing </a> </p> </li> <li class="nav-item mb-2"> <p class="mb-0 th_feature_name_heading"> <a href="https://hipsocial.com/" class="color-inherit text-decoration-none" title=HipSocial target=_blank>HipSocial</a> </p> <p class="th_feature_name_description font-weight-bold mb-0"> <a href="https://hipsocial.com/" class="color-inherit text-decoration-none" title="Social Media Management" target=_blank>Social Media Management </a> </p> </li> <li class="nav-item mb-2"> <p class="mb-0 th_feature_name_heading"> <a href="https://ninjaseo.com/" class="color-inherit text-decoration-none" title=NinjaSEO target=_blank>NinjaSEO</a> </p> <p class="th_feature_name_description font-weight-bold mb-0"> <a href="https://ninjaseo.com/" class="color-inherit text-decoration-none" title="SEO Tool" target=_blank>SEO Tool </a> </p> </li> <li class="nav-item mb-2"> <p class="mb-0 th_feature_name_heading"> <a href="https://siterecording.com/" class="color-inherit text-decoration-none" title=SiteRecording target=_blank>SiteRecording</a> </p> <p class="th_feature_name_description font-weight-bold mb-0"> <a href="https://siterecording.com/" class="color-inherit text-decoration-none" title="Website Recording" target=_blank>Website Recording </a> </p> </li> <li class="nav-item mb-2"> <p class="mb-0 th_feature_name_heading"> <a href="https://convertpath.com/" class="color-inherit text-decoration-none" title=ConvertPath target=_blank>ConvertPath</a> </p> <p class="th_feature_name_description font-weight-bold mb-0"> <a href="https://convertpath.com/" class="color-inherit text-decoration-none" title="Website Personalization" target=_blank>Website Personalization </a> </p> </li> <li class="nav-item mb-2"> <p class="mb-0 th_feature_name_heading"> <a href="https://ninjacontent.com/" class="color-inherit text-decoration-none" title=NinjaContent target=_blank>NinjaContent</a> </p> <p class="th_feature_name_description font-weight-bold mb-0"> <a href="https://ninjacontent.com/" class="color-inherit text-decoration-none" title="Content Planner" target=_blank>Content Planner </a> </p> </li> <li class="nav-item mb-2"> <p class="mb-0 th_feature_name_heading"> <a href="https://pushninja.com/" class="color-inherit text-decoration-none" title=PushNinja target=_blank>PushNinja</a> </p> <p class="th_feature_name_description font-weight-bold mb-0"> <a href="https://pushninja.com/" class="color-inherit text-decoration-none" title="Push Notification" target=_blank>Push Notification </a> </p> </li> <li class="nav-item mb-2"> <p class="mb-0 th_feature_name_heading"> <a href="https://personalize.cc/" class="color-inherit text-decoration-none" title=Personalize.cc target=_blank>Personalize.cc</a> </p> <p class="th_feature_name_description font-weight-bold mb-0"> <a href="https://personalize.cc/" class="color-inherit text-decoration-none" title="Personalized Marketing" target=_blank>Personalized Marketing </a> </p> </li> <li class="nav-item mb-2"> <p class="mb-0 th_feature_name_heading"> <a href="https://ninjasem.com/" class="color-inherit text-decoration-none" title=NinjaSEM target=_blank>NinjaSEM</a> </p> <p class="th_feature_name_description font-weight-bold mb-0"> <a href="https://ninjasem.com/" class="color-inherit text-decoration-none" title="PPC Management" target=_blank>PPC Management </a> </p> </li> </ul> </div> <div class=hellobar_product_dropdown_div> <div class="hellobar-sales-suite hellobar-suite-links mb-2"> <a href="https://500apps.com/sales" target=_blank class="text-decoration-none color-inherit"> <div class="d-flex align-items-center justify-content-between"> <p class="poppins-600 mb-0 heading_h5">Sales</p> <p class=mb-0><span class="fe fe-external-link"></span></p> </div> </a> </div> <ul class="nav flex-column"> <li class="nav-item mb-2"> <p class="mb-0 th_feature_name_heading"> <a href="https://finder.io/" class="color-inherit text-decoration-none" title=Finder.io target=_blank>Finder.io</a> </p> <p class="th_feature_name_description font-weight-bold mb-0"> <a href="https://finder.io/" class="color-inherit text-decoration-none" title="Email Finder" target=_blank>Email Finder </a> </p> </li> <li class="nav-item mb-2"> <p class="mb-0 th_feature_name_heading"> <a href="https://crm.io/" class="color-inherit text-decoration-none" title=CRM.io target=_blank>CRM.io</a> </p> <p class="th_feature_name_description font-weight-bold mb-0"> <a href="https://crm.io/" class="color-inherit text-decoration-none" title="CRM Software" target=_blank>CRM Software </a> </p> </li> <li class="nav-item mb-2"> <p class="mb-0 th_feature_name_heading"> <a href="https://outreachly.com/" class="color-inherit text-decoration-none" title=OutReachly target=_blank>OutReachly</a> </p> <p class="th_feature_name_description font-weight-bold mb-0"> <a href="https://outreachly.com/" class="color-inherit text-decoration-none" title="Sales Cadence Software" target=_blank>Sales Cadence Software </a> </p> </li> <li class="nav-item mb-2"> <p class="mb-0 th_feature_name_heading"> <a href="https://outreachwriter.com/" class="color-inherit text-decoration-none" title=OutreachWriter target=_blank>OutreachWriter</a> </p> <p class="th_feature_name_description font-weight-bold mb-0"> <a href="https://outreachwriter.com/" class="color-inherit text-decoration-none" title="AI Writer" target=_blank>AI Writer </a> </p> </li> <li class="nav-item mb-2"> <p class="mb-0 th_feature_name_heading"> <a href="https://leadsly.com/" class="color-inherit text-decoration-none" title=Leadsly target=_blank>Leadsly</a> </p> <p class="th_feature_name_description font-weight-bold mb-0"> <a href="https://leadsly.com/" class="color-inherit text-decoration-none" title="Sales Leads Database" target=_blank>Sales Leads Database </a> </p> </li> <li class="nav-item mb-2"> <p class="mb-0 th_feature_name_heading"> <a href="https://voxdesk.com/" class="color-inherit text-decoration-none" title=VoxDesk target=_blank>VoxDesk</a> </p> <p class="th_feature_name_description font-weight-bold mb-0"> <a href="https://voxdesk.com/" class="color-inherit text-decoration-none" title="Call Center Software" target=_blank>Call Center Software </a> </p> </li> </ul> <hr> <div class="mt-4 mb-2 th-extensions-heading hellobar-extensions-suite hellobar-suite-links"> <a href="https://500apps.com/browser-extensions" target=_blank class="text-decoration-none color-inherit"> <div class="h-google-chrome-extension-text d-flex align-items-center justify-content-between"> <div class="d-flex align-items-center justify-content-start"> <img loading=lazy src="/lib/images/google-chrome-extension.svg?v=1680096878164245470" class="img-fluid h-google-chrome-extension-img mr-2" alt=google-chrome-extension width=20 height=20> <p class="poppins-600 mb-0 heading_h5">Extensions</p> </div> <p class=mb-0><span class="fe fe-external-link"></span></p> </div> </a> </div> <ul class="nav flex-column"> <li class="nav-item mb-2"> <p class="mb-0 th_feature_name_heading"> <a href="https://chrome.google.com/webstore/detail/free-email-tracker-opened/dmchdoholidpalbigibcgkkifklkcnil" class="color-inherit text-decoration-none" title=OpenedOrNot target=_blank>OpenedOrNot</a> </p> <p class="th_feature_name_description font-weight-bold mb-0"> <a href="https://chrome.google.com/webstore/detail/free-email-tracker-opened/dmchdoholidpalbigibcgkkifklkcnil" class="color-inherit text-decoration-none" title="Email Tracking" target=_blank>Email Tracking </a> </p> </li> <li class="nav-item mb-2"> <p class="mb-0 th_feature_name_heading"> <a href="https://chrome.google.com/webstore/detail/ninjacapture-quick-easy-s/gcfefmncefkaghcobeocaekopmmpofmc" class="color-inherit text-decoration-none" title=NinjaCapture target=_blank>NinjaCapture</a> </p> <p class="th_feature_name_description font-weight-bold mb-0"> <a href="https://chrome.google.com/webstore/detail/ninjacapture-quick-easy-s/gcfefmncefkaghcobeocaekopmmpofmc" class="color-inherit text-decoration-none" title="Screen Recording" target=_blank>Screen Recording </a> </p> </li> </ul> </div> <div class=hellobar_product_dropdown_div> <div class="th-extensions-heading hellobar-hr-suite hellobar-suite-links mb-2"> <a href="https://500apps.com/hr-ops" target=_blank class="text-decoration-none color-inherit"> <div class="d-flex align-items-center justify-content-between"> <p class="poppins-600 mb-0 heading_h5">HR & Ops</p> <p class=mb-0><span class="fe fe-external-link"></span></p> </div> </a> </div> <ul class="nav flex-column"> <li class="nav-item mb-2"> <p class="mb-0 th_feature_name_heading"> <a href="https://clockly.com/" class="color-inherit text-decoration-none" title=Clockly target=_blank>Clockly</a> </p> <p class="th_feature_name_description font-weight-bold mb-0"> <a href="https://clockly.com/" class="color-inherit text-decoration-none" title="Time Tracking" target=_blank>Time Tracking </a> </p> </li> <li class="nav-item mb-2"> <p class="mb-0 th_feature_name_heading"> <a href="https://recruithire.com/" class="color-inherit text-decoration-none" title=RecruitHire target=_blank>RecruitHire</a> </p> <p class="th_feature_name_description font-weight-bold mb-0"> <a href="https://recruithire.com/" class="color-inherit text-decoration-none" title="Applicant Tracking System" target=_blank>Applicant Tracking System </a> </p> </li> <li class="nav-item mb-2"> <p class="mb-0 th_feature_name_heading"> <a href="https://ninjainterview.com/" class="color-inherit text-decoration-none" title="NinjaInterview " target=_blank>NinjaInterview </a> </p> <p class="th_feature_name_description font-weight-bold mb-0"> <a href="https://ninjainterview.com/" class="color-inherit text-decoration-none" title="Video Interviews" target=_blank>Video Interviews </a> </p> </li> <li class="nav-item mb-2"> <p class="mb-0 th_feature_name_heading"> <a href="https://hrsprout.com/" class="color-inherit text-decoration-none" title=HRSprout target=_blank>HRSprout</a> <span class="badge alert-warning badge-secondary beta_text ml-2"> Beta </span> </p> <p class="th_feature_name_description font-weight-bold mb-0"> <a href="https://hrsprout.com/" class="color-inherit text-decoration-none" title="HRMS Software" target=_blank>HRMS Software </a> </p> </li> <li class="nav-item mb-2"> <p class="mb-0 th_feature_name_heading"> <a href="https://performanceup.com/" class="color-inherit text-decoration-none" title=PerformanceUp target=_blank>PerformanceUp</a> <span class="badge alert-warning badge-secondary beta_text ml-2"> Beta </span> </p> <p class="th_feature_name_description font-weight-bold mb-0"> <a href="https://performanceup.com/" class="color-inherit text-decoration-none" title="OKR Tool" target=_blank>OKR Tool </a> </p> </li> <li class="nav-item mb-2"> <p class="mb-0 th_feature_name_heading"> <a href="https://lmsninja.com/" class="color-inherit text-decoration-none" title=LMSNinja target=_blank>LMSNinja</a> <span class="badge alert-warning badge-secondary beta_text ml-2"> App in works </span> </p> <p class="th_feature_name_description font-weight-bold mb-0"> <a href="https://lmsninja.com/" class="color-inherit text-decoration-none" title="Learning Management System (LMS)" target=_blank>Learning Management System (LMS) </a> </p> </li> </ul> <hr> <div class="mt-4 mb-2 th-extensions-heading hellobar-developers-suite hellobar-suite-links"> <a href="https://500apps.com/developers" target=_blank class="text-decoration-none color-inherit"> <div class="d-flex align-items-center justify-content-between"> <p class="poppins-600 mb-0 heading_h5">Developers</p> <p class=mb-0><span class="fe fe-external-link"></span></p> </div> </a> </div> <ul class="nav flex-column"> <li class="nav-item mb-2"> <p class="mb-0 th_feature_name_heading"> <a href="https://applet.io/" class="color-inherit text-decoration-none" title=Applet.io target=_blank>Applet.io</a> </p> <p class="th_feature_name_description font-weight-bold mb-0"> <a href="https://applet.io/" class="color-inherit text-decoration-none" title="App Widgets" target=_blank>App Widgets </a> </p> </li> <li class="nav-item mb-2"> <p class="mb-0 th_feature_name_heading"> <a href="https://ninjaauth.com/" class="color-inherit text-decoration-none" title=NinjaAuth target=_blank>NinjaAuth</a> </p> <p class="th_feature_name_description font-weight-bold mb-0"> <a href="https://ninjaauth.com/" class="color-inherit text-decoration-none" title="Single Sign-On " target=_blank>Single Sign-On </a> </p> </li> <li class="nav-item mb-2"> <p class="mb-0 th_feature_name_heading"> <a href="https://unified.cc/" class="color-inherit text-decoration-none" title=Unified.cc target=_blank>Unified.cc</a> </p> <p class="th_feature_name_description font-weight-bold mb-0"> <a href="https://unified.cc/" class="color-inherit text-decoration-none" title="API Platform" target=_blank>API Platform </a> </p> </li> <li class="nav-item mb-2"> <p class="mb-0 th_feature_name_heading"> <a href="https://mockframe.com/" class="color-inherit text-decoration-none" title="MockFrame " target=_blank>MockFrame </a> <span class="badge alert-warning badge-secondary beta_text ml-2"> Beta </span> </p> <p class="th_feature_name_description font-weight-bold mb-0"> <a href="https://mockframe.com/" class="color-inherit text-decoration-none" title="Wireframe Tool" target=_blank>Wireframe Tool </a> </p> </li> <li class="nav-item mb-2"> <p class="mb-0 th_feature_name_heading"> <a href="https://siteping.com/" class="color-inherit text-decoration-none" title=SitePing target=_blank>SitePing</a> <span class="badge alert-warning badge-secondary beta_text ml-2"> Beta </span> </p> <p class="th_feature_name_description font-weight-bold mb-0"> <a href="https://siteping.com/" class="color-inherit text-decoration-none" title="Website Monitoring" target=_blank>Website Monitoring </a> </p> </li> <li class="nav-item mb-2"> <p class="mb-0 th_feature_name_heading"> <a href="https://appup.com/" class="color-inherit text-decoration-none" title=AppUp target=_blank>AppUp</a> <span class="badge alert-warning badge-secondary beta_text ml-2"> App in works </span> </p> <p class="th_feature_name_description font-weight-bold mb-0"> <a href="https://appup.com/" class="color-inherit text-decoration-none" title="App Builder" target=_blank>App Builder </a> </p> </li> </ul> </div> </div> <div class=px-7> <hr class="infinity-strip-line top_strip_dropdown_line my-0"> </div> <div class="align-items-center no-gutter py-3 px-7 row top_strip_dropdown_bottom"> <div class="col-12 col-lg-9 top_strip_dropdown--bottom--col"> <p class="mb-0 poppins-600 text-center text-lg-left"><a href="https://500apps.com/" target=_blank style="color: inherit;">All-in-One Suite - <img loading=lazy src="https://500apps.com/images/500_apps_logo.svg?v=1680096878164245470" class=website_logo alt=logo width=70 height=31></a></p> <p class="mb-0 poppins-600 text-body white-space-initial hellobar-footer"> <span class=text-orage>50 Apps for <span class="c-pricing-text pricing-id text-orage">$14.99</span>/user</span> - <span class="infinity-strip-price-list font-size-16 font-weight-400"> 14-day Trial. Honest pricing. Single plan. No feature caps.</span> </p> </div> <div class="col-12 col-lg-3"> <div class="signup-btn text-center text-lg-right d-lg-block d-none"> <a href="https://infinity.500apps.com/?a=s" class="btn btn-primary text-white btn-animation btn-size px-md-5 hellobar-btn rounded"> <span>Sign Up</span> <small class="d-block trail-text1"> 14-day Trial </small> </a> </div> </div> </div> </div> </div> </li> </ul> </div> </div> <button type=button class="close topstripclosebtn" aria-label=close title=close data-dismiss=alert><span class="fe fe-x font-size-18"></span></button> </nav> <nav class="navbar navbar-expand-lg t-main-nav-bar navbar-light newheader bg-white nav-bar p-4" id=header itemscope itemtype="https://schema.org/WPHeader"> <div class="container navbar-container"> <a class=navbar-brand href="/" title="App Widgets"> <img src="/images/logo.svg?v=1680096878164245470" height=36 width=170 class="navbar-brand-img main-logo d-block" alt="App Widgets"> </a> <button class=navbar-toggler type=button data-toggle=collapse data-target="#navbarCollapse" aria-controls=navbarCollapse aria-expanded=false aria-label="Toggle navigation"> <span class=navbar-toggler-icon></span> </button> <div class="collapse navbar-collapse apps-navbar text-nowrap justify-content-end" id=navbarCollapse itemscope itemtype="https://schema.org/SiteNavigationElement"> <ul class="align-items-center nav-first navbar-nav"> <li class="nav-item dropdown hovered header-hover th-nav-mr"> <a class="nav-link custom-arrow active mb-3 mb-md-0 h-nav-link" id=navbarLandings href="/features" aria-haspopup=true aria-expanded=true>Features</a> <div class="dropdown-menu p-0 featureDropdownMenu featureDropdownMenu_n main-nav-child-menu"> <div class="col-12 col-md-12 dropdown-body featureDropdownBody px-2 py-4"> <div class="row f_dropdown_row"> <div class="col-md-6 col-even-block main-nav-subgroup d-flex white-space-initial align-items-center mainlistHover"> <div class="align-items-start d-flex p-3 mainlistHoverDiv"> <img src="/images/custom-widget-dp-icon.svg?v=1680096878164245470" class="dropdown-lhs-icon mr-3 mt-2 dropdown-lhs-block" width=32 height=32 alt="custom widget"> <div class=""> <p class="mb-0 main-nav--child-item--title featureDropdownMenuHeading" title="Custom Widget"><a href="/custom-widget" class=color-inherit>Custom Widget</a> </p> <p class="main-nav--child-item--description mb-0"> Get quick access to data </p> </div> </div> </div> <div class="col-md-6 col-even-block main-nav-subgroup d-flex white-space-initial align-items-center mainlistHover"> <div class="align-items-start d-flex p-3 mainlistHoverDiv"> <img src="/images/oauth-keys-dp-icon.svg?v=1680096878164245470" class="dropdown-lhs-icon mr-3 mt-2 dropdown-lhs-block" width=32 height=32 alt="oauth keys"> <div class=""> <p class="mb-0 main-nav--child-item--title featureDropdownMenuHeading" title="OAuth Keys"><a href="/oauth-keys" class=color-inherit>OAuth Keys</a> </p> <p class="main-nav--child-item--description mb-0"> Keep unverified users under check </p> </div> </div> </div> <div class="col-md-6 col-even-block main-nav-subgroup d-flex white-space-initial align-items-center mainlistHover"> <div class="align-items-start d-flex p-3 mainlistHoverDiv"> <img src="/images/file-picker-dp-icon.svg?v=1680096878164245470" class="dropdown-lhs-icon mr-3 mt-2 dropdown-lhs-block" width=32 height=32 alt="file picker"> <div class=""> <p class="mb-0 main-nav--child-item--title featureDropdownMenuHeading" title="File Picker"><a href="/file-picker" class=color-inherit>File Picker</a> </p> <p class="main-nav--child-item--description mb-0"> Easy way to select files </p> </div> </div> </div> <div class="col-md-6 col-even-block main-nav-subgroup d-flex white-space-initial align-items-center mainlistHover"> <div class="align-items-start d-flex p-3 mainlistHoverDiv"> <img src="/images/playground-dp-icon.svg?v=1680096878164245470" class="dropdown-lhs-icon mr-3 mt-2 dropdown-lhs-block" width=32 height=32 alt=playground> <div class=""> <p class="mb-0 main-nav--child-item--title featureDropdownMenuHeading" title=Playground><a href="/playground" class=color-inherit>Playground</a> </p> <p class="main-nav--child-item--description mb-0"> Get to learn and experiment </p> </div> </div> </div> </div> <a href="/features" class="d-block main-nav--subgroup--footer-link mt-3 pr-5 text-right">Explore our top features <i class="fe fe-arrow-right ml-2" style="vertical-align: middle;"></i> </a> </div> </div> </li> <li class="nav-item th-nav-mr"> <a class="nav-link h-nav-link" href="/pricing" aria-haspopup=true aria-expanded=false>Pricing</a> </li> <li class="cursor-pointer t_resource_dropdown_nav dropdown header-hover hovered th-nav-mr nav-item resourcesDropdown"> <a class="nav-link dropdown-toggle h-nav-link scrollTo custom-arrow" id=navbarDropdown5 aria-haspopup=true href="#" aria-expanded=true>Resources</a> <div class="dropdown-menu main-nav-child-menu mt-5 mt-md-1 p-0"> <div class="d-md-flex resource_dropdown_block"> <div class=resource_dropdown_t> <div class=rightside_hover_btn_t> <ul class="list-unstyled text-capitalize"> <li class=""> <a class=text-decoration-none href="/customized-widget" target=_self>Customized Widget </a> </li> <li class=""> <a class=text-decoration-none href="/oauth-access-keys" target=_self>OAuth Access Keys </a> </li> <li class=""> <a class=text-decoration-none href=file-manager target=_self>File Manager </a> </li> <li class=""> <a class=text-decoration-none href=app-widgets target=_self>App Widgets </a> </li> <li class=""> <a class=text-decoration-none href="/oauth-authentication" target=_self>OAuth Authentication </a> </li> <li class=""> <a class=text-decoration-none href="/application-integration" target=_self>Application Integration </a> </li> <li class=""> <a class=text-decoration-none href="/oauth-token" target=_self>OAuth Token </a> </li> </ul> </div> </div> <div class="resource_dropdown_t bg-gray-200 rounded-right"> <div class=rightside_hover_btn_t> <ul class="list-unstyled text-capitalize"> <li class=""> <a class="text-decoration-none register_webinar" href="/webinar" target=_self rel=noreferrer> Register for Webinar </a> </li> <li class=""> <a class=text-decoration-none href="/blog" target=_self rel=noreferrer> Blog </a> </li> <li class=""> <a class=text-decoration-none href="/resources" target=_self rel=noreferrer> Essentials</a> </li> </ul> </div> </div> </div> </div> </li> <li class="nav-item logs_in th-nav-mr right-menu w-auto"> <a href="https://infinity.500apps.com/?a=l" class="h-nav-link nav-link dropdown-toggle btn-link btn login">Log In</a> </li> <li class="nav-item dropdown hovered header-hover th-nav-mr infinity-dropdown second-right-menu"> <a class="nav-link h-nav-link custom-arrow" id=navbarLandings2 href="#" aria-haspopup=true aria-expanded=true>Contact Sales </a> <div class="dropdown-menu contactdropdown mt-2" aria-labelledby=navbarLandings2> <div class="list-group list-group-flush"> <div class="list-group-item py-1"> <div class="icon icon-sm"> <div class="bg-us sprite-css"></div> </div> <div class=ml-4><span class=""> <a href="tel:+18779044227" class=text-decoration-none>+1-877-904-4227</a> </span></div> </div> <div class="list-group-item py-1"> <div class="icon icon-sm"> <div class="bg-gb sprite-css"></div> </div> <div class=ml-4><span class=""> <a href="tel:+448081697676" class=text-decoration-none>+44-808-169-7676</a> </span></div> </div> <div class="list-group-item py-1"> <div class="icon icon-sm"> <div class="bg-au sprite-css"></div> </div> <div class=ml-4><span class=""> <a href="tel:+611800413676" class=text-decoration-none>+61-1800-413-676</a> </span></div> </div> <div class="list-group-item py-1"> <div class="icon icon-sm"> <img src="/lib/images/india-flag-icon.png?v=1680096878164245470" alt="india flag" class=img-fluid loading=lazy> </div> <div class=ml-4><span class=""> <a href="tel:+9182641726" class=text-decoration-none>+91-91826-41726</a> </span></div> </div> <div class="list-group-item py-1"> <div class="icon icon-sm"> <span class="fe fe-airplay font-size-lg"></span> </div> <div class=ml-4><a class="text-decoration-none register_webinar" href="/webinar" target=_self rel=noreferrer> Register for Webinar </a></div> </div> <div class="align-items-center click-to-call cursor-pointer list-group-item mt-1 py-1" onClick="openC2C()"> <div class="icon icon-sm"> <span class="fe fe-phone-call font-size-lg"></span> </div> <div class=ml-4><span class=""> Talk to Sales </span></div> </div> </div> </div> </li> <li class="nav-item th-sign-btn"> <a href="https://infinity.500apps.com/?a=s" class="nav-link header_sign_btn rightCTABtn rounded th-login-button" target=_blank> Sign Up </a> </li> </ul> </div> </div> </nav> <section class=border-bottom> <div class="container pt-6 pb-2 pb-md-10 pt-md-5 pt-lg-10"> <div class="row align-items-stretch px-md-10 px-lg-0"> <div class="col-12 col-lg-6 text-md-left text-center mb-md-9 mb-lg-0"> <p class="mb-0 text-uppercase text-primary poppins-600" style="font-size: 14px;"> </p> <h1 class="display-2 fnt-mb mb-0 home-heading-text font-weight-800"> Playground </h1> <p class="text-primary display-5 mt-1 mt-md-2"> to experiment with the code and preview the results </p> <p class="lead mb-6 mb-md-8 mb-lg-9 mb-xl-11">Process of installing a widget on a website or blog.</p> <div class="user-list-points w-auto new-design"> <ul class="user-list-buttons mb-0 p-0"> <li class=p-0> <div class="align-items-center d-lg-flex"> <div class="d-inline-block position-relative rounded text-center"> <div class="d-md-flex justify-content-center align-items-center"> <div class="signup-btn mb-4 mb-md-0"> <a href="https://infinity.500apps.com/?a=s" class="btn btn-primary text-white home-singup-btn home-singup-btn-2 btn-animation btn-size px-md-5 w-200"> <span>Sign Up</span> <small class="trail-text2 d-block"><span class="trail--version--text btnTrialText">14-day FREE Trial</span></small> </a> </div> <div class="text-or mb-0 my-3 my-md-0 px-4 px-md-5 text-muted font-weight-400"> Or </div> <div id=unified_SSO_Signup class="custom-widget unified_SSO_Signup"> <div class="align-items-center d-flex" id=500apps_plugin_applet_integrations> <div class="cursor-pointer unified-sso-div"> <div data-name=Google onclick="authenticateSSO('Google-sso')" class=mb-0> <img src="/lib/images/sso-icons/google.svg?v=1680096878164245470" alt=google width=30 height=30 class=google-icon-btn> </div> </div> <div class="cursor-pointer unified-sso-div"> <div data-name=LinkedIn onclick="authenticateSSO('LinkedIn-sso')" class=mb-0> <img src="/lib/images/sso-icons/linkedin.svg?v=1680096878164245470" alt=LinkedIn width=30 height=30 class=linkedin-icon-btn> </div> </div> <div class="cursor-pointer unified-sso-div"> <div data-name=Microsoft onclick="authenticateSSO('Microsoft-sso')" class=mb-0> <img src="/lib/images/sso-icons/microsoft.svg?v=1680096878164245470" alt=microsoft width=30 height=30 class=microsoft-icon-btn> </div> </div> <div class="cursor-pointer unified-sso-div"> <div data-name=Facebook onclick="authenticateSSO('Facebook-sso')" class=mb-0> <img src="/lib/images/sso-icons/facebook.svg?v=1680096878164245470" alt=Facebook width=30 height=30 class=facebook-icon-btn> </div> </div> </div> </div> </div> </div> </div> </li> </ul> </div> </div> <div class="col-12 col-lg-6 mb-8 mb-md-6 mb-lg-0"> <div class="shape shape-fluid-x shape-blur-1 inner-shape svg-shim text-gray-200 d-none d-md-block"> <svg viewBox="0 0 723 569" fill=none xmlns="http://www.w3.org/2000/svg"> <path d="M703.969 241.602L703.963 241.599C716.081 262.97 723 287.677 723 314C723 382.917 675.575 440.757 611.58 456.665L246.7 556.937C226.465 564.729 204.481 569 181.5 569C81.2603 569 0 487.74 0 387.5C0 353.244 9.49023 321.204 25.985 293.867L25.9688 293.875L141.512 77.5476C162.753 33.3052 207.123 2.2726 258.951 0.119583L258.959 0H264.719H390.999H508.5H509.999L510.002 0.00999319C551.85 0.567328 588.083 24.388 606.358 59.1292L606.359 59.125L703.969 241.602Z" fill=currentColor /> </svg> </div> <div class="features-bg position-relative"> <img loading=lazy src="/images/playground.png?v=1680096878164245470" alt=Playground class="mt-7 mt-md-0 lazyload img-fluid" width=580 height=505> </div> </div> </div> </div> </section> <div class="position-relative d-none d-lg-block"> <div class="shape shape-bottom shape-fluid-x svg-shim text-white"> <svg viewBox="0 0 2880 48" fill=none xmlns="http://www.w3.org/2000/svg"> <path d="M0 48H1437.5H2880V0H2160C1442.5 52 720 0 720 0H0V48Z" fill=currentColor /> </svg> </div> </div> <div class="position-relative pt-5 pt-md-5 mt-0"> <div class="container lazyload"> <div class=row> <div class=col-12> <form class="rounded bg-white py-3 mt-n6 mb-4"> <div class="input-group input-group-lg"> <ol class="breadcrumb shadow px-lg-6 breadcrumb-scroll mx-auto px-3"> <li class=breadcrumb-item> <a href="/features"> Features </a> </li> <li class="breadcrumb-item active text-capitalize" aria-current=page> Playground </li> </ol> </div> </form> </div> </div> </div> </div> <div class="py-4 py-md-8 pb-md-11 pt-md-8"> <div class=container> <div class="row justify-content-center"> <div class="col-12 col-md-10 col-lg-9 text-center"> <h2 class="display-4 text-center mobile_f_headings">Playground allows developers to experiment and Implement the code.</h2> <p class="lead mb-7">Enables developers to play around with code and implement new programming concepts Provides a variety of tools and resources for developers to use in creating and testing code.</p> </div> </div> <div class=row> <div class=col-12> <div class="mb-6 mb-md-0 text-center"> <img loading=lazy src="/images/playground/leave-note.png?v=1680096878164245470" alt="playground leave note" class="img-fluid shadow-lg lazyload" width=900 height=470> </div> </div> </div> </div> </div> <div class=inside> <div class="py-md-10 py-7 inner-feature-sec lazyload feature___summary"> <div class="container inside"> <div class=row> <div class="col-md-6 col-sm-12 mb-6 mb-md-0 swap-row1"> <img loading=lazy src="/images/method-of-initiation-screenshot.png?v=1680096878164245470" alt="method of initiation" width=450 height=500 class="img-fluid lazyload innerFeatureSecImg mt-7 mt-md-0"> </div> <div class="col-md-6 col-sm-12 my-auto ml-auto swap-row2 text-center text-md-left"> <h3 class="cust-color display-4 mobile_f_headings">Method of Initiation</h3> <p class="lead mb-0 mb-md-6">Can easily add authentication to their applications. In charge of configuring the authentication system and registering any necessary hooks.</p> </div> </div> </div> </div> <div class="py-md-10 py-7 inner-feature-sec lazyload feature___summary"> <div class="container inside"> <div class=row> <div class="col-md-6 col-sm-12 mb-6 mb-md-0 swap-row1"> <img loading=lazy src="/images/protected-testing-environment-screenshot.png?v=1680096878164245470" alt="protected testing environment" width=450 height=500 class="img-fluid lazyload innerFeatureSecImg mt-7 mt-md-0"> </div> <div class="col-md-6 col-sm-12 my-auto ml-auto swap-row2 text-center text-md-left"> <h3 class="cust-color display-4 mobile_f_headings">Protected Testing Environment</h3> <p class="lead mb-0 mb-md-6">A secure testing environment is critical for ensuring the privacy and security of your data. Developed to improve tester collaboration and speed up the testing process.</p> </div> </div> </div> </div> </div> <div class="featureRelatedBlock feature_question mt-md-n10 pb-md-8"> <div class=container> <div class="row align-items-center"> <div class="col-12 col-md-9 mx-auto recent-blog-header text-center"> <div class="card p-5 p-md-7 p-lg-9 shadow"> <h3 class="display-4 mobile_f_headings"> What is playground? </h3> <p class="cust-color lead mb-0 mx-auto text-center"> The playground is a section of an application where users can experiment with new features or ideas without affecting the main application. Developers frequently use this to test new code before incorporating it into the main application. </p> </div> </div> </div> </div> </div> <div class=mt-md-2> <a href="https://infinity.500apps.com/?a=s" class="btn btn-animation btn-primary btn-size mt-4 mx-auto price-signup-btn w-auto text-center d-block" style="padding:6px 30px;width: 200px !important;"><span> Sign Up </span> <small class="d-block trail-text1"><span class="trail--version--text btnTrialText">14-day FREE Trial</span></small></a> </div> <div class="py-md-9 py-6 featureRelatedBlock mb-md-5 mb-3"> <div class=container> <div class="row align-items-center"> <div class="col-12 col-md recent-blog-header text-center"> <h4 class="display-4 mobile_f_headings"> Explore More Features </h4> <p class="cust-color lead mb-6 mb-md-8"> Here are the additional features to look at </p> </div> </div> <div class="row related-links px-md-3"> <div class="col-12 col-md-6 col-lg-3 mb-1 mb-md-4 relatedFeatureBblock moreFeatureBlock px-md-2"> <div class="border card lift lift-lg mb-4 mb-lg-0 shadow-light-lg cursor-pointer"> <div class=card-body> <div class="mb-1 dropdown-lhs-block"> <img src="/images/custom-widget-dp-icon.svg?v=1680096878164245470" class=dropdown-lhs-icon loading=lazy width=36 height=36 alt="custom widget"> </div> <div class=""> <h5 class="display-6 font-weight-800 mb-2 clamp_elipses_2"> <a href="/custom-widget" class=color-inherit> Custom Widget </a> </h5> <p class="mb-0 cust-color-2 font-weight-bold multi-line-clamp-2"> Custom Widget, Applet.io by 500apps, adds custom widget into your applications to pull data from the list of 190+ applications. Get access to 50 apps for \$14.99 per user. </p> </div> </div> </div> </div> <div class="col-12 col-md-6 col-lg-3 mb-1 mb-md-4 relatedFeatureBblock moreFeatureBlock px-md-2"> <div class="border card lift lift-lg mb-4 mb-lg-0 shadow-light-lg cursor-pointer"> <div class=card-body> <div class="mb-1 dropdown-lhs-block"> <img src="/images/oauth-keys-dp-icon.svg?v=1680096878164245470" class=dropdown-lhs-icon loading=lazy width=36 height=36 alt="oauth keys"> </div> <div class=""> <h5 class="display-6 font-weight-800 mb-2 clamp_elipses_2"> <a href="/oauth-keys" class=color-inherit> OAuth Keys </a> </h5> <p class="mb-0 cust-color-2 font-weight-bold multi-line-clamp-2"> OAuth Keys, Applet.io by 500apps, are generated when a user first signs up for an Oauth-enabled service with an email address and password. </p> </div> </div> </div> </div> <div class="col-12 col-md-6 col-lg-3 mb-1 mb-md-4 relatedFeatureBblock moreFeatureBlock px-md-2"> <div class="border card lift lift-lg mb-4 mb-lg-0 shadow-light-lg cursor-pointer"> <div class=card-body> <div class="mb-1 dropdown-lhs-block"> <img src="/images/file-picker-dp-icon.svg?v=1680096878164245470" class=dropdown-lhs-icon loading=lazy width=36 height=36 alt="file picker"> </div> <div class=""> <h5 class="display-6 font-weight-800 mb-2 clamp_elipses_2"> <a href="/file-picker" class=color-inherit> File Picker </a> </h5> <p class="mb-0 cust-color-2 font-weight-bold multi-line-clamp-2"> File Picker is a useful tool that helps in file management by providing a user-friendly interface for selecting files from cloud storage. </p> </div> </div> </div> </div> <div class="col-12 col-md-6 col-lg-3 mb-1 mb-md-4 relatedFeatureBblock moreFeatureBlock px-md-2"> <div class="border card lift lift-lg mb-4 mb-lg-0 shadow-light-lg cursor-pointer"> <div class=card-body> <div class="mb-1 dropdown-lhs-block"> <img src="/images/playground-dp-icon.svg?v=1680096878164245470" class=dropdown-lhs-icon loading=lazy width=36 height=36 alt=playground> </div> <div class=""> <h5 class="display-6 font-weight-800 mb-2 clamp_elipses_2"> <a href="/playground" class=color-inherit> Playground </a> </h5> <p class="mb-0 cust-color-2 font-weight-bold multi-line-clamp-2"> Playground, Applet.io by 500apps, provides a secure environment for developers to experiment, rapid prototype, and test new application features. Get access to 50 apps for \$14.99 per user. </p> </div> </div> </div> </div> <div class="col-12 col-md-6 col-lg-3 mb-1 mb-md-4 relatedFeatureBblock moreFeatureBlock px-md-2"> <div class="border card lift lift-lg mb-4 mb-lg-0 shadow-light-lg cursor-pointer"> <div class=card-body> <div class="mb-1 dropdown-lhs-block"> <img src="/images/customized-widget-dp-icon.svg?v=1680096878164245470" class=dropdown-lhs-icon loading=lazy width=36 height=36 alt="customized widget"> </div> <div class=""> <h5 class="display-6 font-weight-800 mb-2 clamp_elipses_2"> <a href="/customized-widget" class=color-inherit> Customized Widget </a> </h5> <p class="mb-0 cust-color-2 font-weight-bold multi-line-clamp-2"> Integrate customized widgets into your applications to retrieve data from the list of over 190 applications. </p> </div> </div> </div> </div> <div class="col-12 col-md-6 col-lg-3 mb-1 mb-md-4 relatedFeatureBblock moreFeatureBlock px-md-2"> <div class="border card lift lift-lg mb-4 mb-lg-0 shadow-light-lg cursor-pointer"> <div class=card-body> <div class="mb-1 dropdown-lhs-block"> <img src="/images/oauth-access-keys-dp-icon.svg?v=1680096878164245470" class=dropdown-lhs-icon loading=lazy width=36 height=36 alt="oauth access keys"> </div> <div class=""> <h5 class="display-6 font-weight-800 mb-2 clamp_elipses_2"> <a href="/oauth-access-keys" class=color-inherit> OAuth Access Keys </a> </h5> <p class="mb-0 cust-color-2 font-weight-bold multi-line-clamp-2"> OAuth keys are generated when a user first signs up for an Oauth-enabled service with an email address and password, or with any other credentials </p> </div> </div> </div> </div> <div class="col-12 col-md-6 col-lg-3 mb-1 mb-md-4 relatedFeatureBblock moreFeatureBlock px-md-2"> <div class="border card lift lift-lg mb-4 mb-lg-0 shadow-light-lg cursor-pointer"> <div class=card-body> <div class="mb-1 dropdown-lhs-block"> <img src="/images/file-manager-dp-icon.svg?v=1680096878164245470" class=dropdown-lhs-icon loading=lazy width=36 height=36 alt="file manager"> </div> <div class=""> <h5 class="display-6 font-weight-800 mb-2 clamp_elipses_2"> <a href=file-manager class=color-inherit> File Manager </a> </h5> <p class="mb-0 cust-color-2 font-weight-bold multi-line-clamp-2"> File Manager is a useful tool for file management that provides a user-friendly interface for selecting files from cloud storage. </p> </div> </div> </div> </div> <div class="col-12 col-md-6 col-lg-3 mb-1 mb-md-4 relatedFeatureBblock moreFeatureBlock px-md-2"> <div class="border card lift lift-lg mb-4 mb-lg-0 shadow-light-lg cursor-pointer"> <div class=card-body> <div class="mb-1 dropdown-lhs-block"> <img src="/images/app-widgets-dp-icon.svg?v=1680096878164245470" class=dropdown-lhs-icon loading=lazy width=36 height=36 alt="app widgets"> </div> <div class=""> <h5 class="display-6 font-weight-800 mb-2 clamp_elipses_2"> <a href=app-widgets class=color-inherit> App Widgets </a> </h5> <p class="mb-0 cust-color-2 font-weight-bold multi-line-clamp-2"> App Widgets are useful tools for file management that provides a user-friendly interface for selecting files from cloud storage. </p> </div> </div> </div> </div> <div class="col-12 col-md-6 col-lg-3 mb-1 mb-md-4 relatedFeatureBblock moreFeatureBlock px-md-2"> <div class="border card lift lift-lg mb-4 mb-lg-0 shadow-light-lg cursor-pointer"> <div class=card-body> <div class="mb-1 dropdown-lhs-block"> <img src="/images/oauth-authentication-dp-icon.svg?v=1680096878164245470" class=dropdown-lhs-icon loading=lazy width=36 height=36 alt="oauth authentication"> </div> <div class=""> <h5 class="display-6 font-weight-800 mb-2 clamp_elipses_2"> <a href="/oauth-authentication" class=color-inherit> OAuth Authentication </a> </h5> <p class="mb-0 cust-color-2 font-weight-bold multi-line-clamp-2"> OAuth Authentication, Applet.io by 500apps, protects the user's data by providing a secure token-based authentication system. </p> </div> </div> </div> </div> <div class="col-12 col-md-6 col-lg-3 mb-1 mb-md-4 relatedFeatureBblock moreFeatureBlock px-md-2"> <div class="border card lift lift-lg mb-4 mb-lg-0 shadow-light-lg cursor-pointer"> <div class=card-body> <div class="mb-1 dropdown-lhs-block"> <img src="/images/application-integration-dp-icon.svg?v=1680096878164245470" class=dropdown-lhs-icon loading=lazy width=36 height=36 alt="application integration"> </div> <div class=""> <h5 class="display-6 font-weight-800 mb-2 clamp_elipses_2"> <a href="/application-integration" class=color-inherit> Application Integration </a> </h5> <p class="mb-0 cust-color-2 font-weight-bold multi-line-clamp-2"> Application Integration, Applet.io by 500apps, connects systems, apps, and data sources enabling organizations to exchange information and increase the effectiveness of business operations. </p> </div> </div> </div> </div> <div class="col-12 col-md-6 col-lg-3 mb-1 mb-md-4 relatedFeatureBblock moreFeatureBlock px-md-2"> <div class="border card lift lift-lg mb-4 mb-lg-0 shadow-light-lg cursor-pointer"> <div class=card-body> <div class="mb-1 dropdown-lhs-block"> <img src="/images/oauth-token-dp-icon.svg?v=1680096878164245470" class=dropdown-lhs-icon loading=lazy width=36 height=36 alt="oauth token"> </div> <div class=""> <h5 class="display-6 font-weight-800 mb-2 clamp_elipses_2"> <a href="/oauth-token" class=color-inherit> OAuth Token </a> </h5> <p class="mb-0 cust-color-2 font-weight-bold multi-line-clamp-2"> OAuth token is an authentication protocol that provides secure access to data and resources. It allows users to securely log in to applications. </p> </div> </div> </div> </div> </div> </div> </div> <div class="justify-content-center mb-md-11 mt-2 mt-md-0 mb-8 row exploreMoreFeaturesBtn"> <a href="/features" class="btn btn-primary mr-1 w-260 font-weight-800 btn-animation" target=_self> <span> Explore More Features </span> </a> </div> <div class="bg-img go-to-next-level lazyload" style="background-color: #2a2c2d" data-bg="/lib/images/static/pattern-1.svg?v=1691124479409199525"> <div class=container-fluid> <div class="container pt-6 pt-md-12"> <div class="row justify-content-center"> <div class="col-lg-8 order-md-2 px-lg-0 text-center"> <p class="display-4 text-white mobile_f_headings"> Go to the next level with <img loading=lazy src="/lib/images/static/500-apps-logo.svg?v=1691124479409199525" width=97 height=26 alt="500apps logo" class="500apps-block-1 lazyload"> </p> <p class="lead1 mx-auto text-center w-100" style="color: #fff !important"> Get <span class=all-apps--count--text>50</span> other apps with Applet.io - Join the SaaS Revolution - 500apps, <span class="c-pricing-text pricing-id">$14.99</span>/user flat pricing, 24/5 Support (Phone/Email/Onboarding) </p> <div class="align-items-center d-md-flex justify-content-center nexlevel-btn-sec py-8 text-center"> <a href="https://500apps.com/" target=_blank class="th-all-apps-btn btn btn-white lift mr-1" style="padding-bottom: 18px; padding-top: 18px"> All Apps </a> <div class="signup-btn w-signup-btn ml-2 mt-4 mt-md-0"> <a href="https://infinity.500apps.com/?a=s" class="btn btn-primary text-white btn-animation btn-size px-md-5 w-200"> <span>Sign Up</span> <small class="d-block trail-text1">14-day Trial</small> </a> </div> </div> </div> </div> </div> </div> <div class="container-fluid p-0"> <div class=apps-animation> <object class="img-fluid text-center lazyload mb-n2" title=banner type="image/svg+xml" data="/lib/images/static/500apps-banner-1.svg?v=1691124479409199525"> <img loading=lazy src="/lib/images/static/500apps-banner-1.svg?v=1691124479409199525" class="img-fluid text-center lazyload" alt="500apps banner"> </object> </div> </div> </div> <script> document.addEventListener("lazybeforeunveil", function (e) { var bg = e.target.getAttribute("data-bg"); if (bg) { e.target.style.backgroundImage = "url(" + bg + ")"; } }); </script> <div class="innerFeatureTestimonial-block pb-lg-13 pt-lg-12 py-9 py-md-11"> <div class="th-testimonial-four mt-md-5"> <div class=container> <div class="row mx-0"> <div class="col-lg-5 col-12 mb-5 mb-lg-0"> <div class="card h-100 border-0 overflow-hidden rounded border"> <span class="bg-gradient-primary h-100 opacity-10 position-absolute start-0 top-0 w-100"></span> <div class="align-items-center card-body d-flex flex-column h-100 justify-content-center p-md-9"> <h3 class="text-center text-md-left mb-0">Our customers are our biggest fans</h3> <div class=w-100> </div> </div> </div> </div> <div class="col-lg-7 pl-lg-0 col-12 bg-white rounded"> <div class="p-5 p-md-8 rounded border shadow"> <div id=n-carouselTestimonial class="carousel carousel-testimonial slide" data-ride=carousel> <div class="d-flex justify-content-between"> <div> <span class="btn btn-icon btn-primary btn-lg d-flex align-items-center justify-content-center p-0 rounded" style="width: 50px;height: 50px;"> <img src="/lib/images/quote-icon-white.svg?v=1680096878164245470" class=quote-icon-white alt=quote-icon-white width=50 height=50></span> </div> <div class=d-flex> <div class=""> <a class="carousel-control-prev w-100 mr-2 position-relative" href="#n-carouselTestimonial" role=button data-slide=prev aria-label=n-carouselTestimonial> <span class=carousel-control-prev-icon aria-hidden=true></span> </a> </div> <div class=""> <a class="carousel-control-next w-100 ml-2 position-relative" href="#n-carouselTestimonial" role=button data-slide=next aria-label=n-carouselTestimonial> <span class=carousel-control-next-icon aria-hidden=true></span> </a> </div> </div> </div> <div class=carousel-inner> <div class="carousel-item text-md-left text-center active"> <p class="mb-0 poppins-400 py-6 testimonial-color"> 500apps is exciting for companies that focus on <strong>task and project monitoring for increased productivity</strong>. <strong>Looks great!</strong> It also has all apps in the same place, and we can use them in one go! Well done</p> <div class="d-flex align-items-center" style="font-size: 14px;"> <img loading=lazy src="/lib/images/ronaldkluger-1.png?v=1680096878164245470" class=rounded-pill alt=ronaldkluger width=60 height=60> <div class=ml-3> <p class="font14 mb-0"><strong class=text-uppercase>Ronald Kluger</strong></p> <p class="text-muted mb-0 font12">CEO at KPSYNCLAB</p> </div> </div> </div> <div class="carousel-item text-md-left text-center"> <p class="mb-0 poppins-400 py-6 testimonial-color"> We are using 500apps for consolidated business growth. All the <strong>apps are very handy</strong> as we have the <strong>best customer success consultants</strong> working together with our Sales Director.</p> <div class="d-flex align-items-center" style="font-size: 14px;"> <img loading=lazy src="/lib/images/christian-1.png?v=1680096878164245470" alt=christian class=rounded-pill width=60 height=60> <div class=ml-3> <p class="font14 mb-0"><strong class=text-uppercase>Christian Bjerre Nielsen</strong></p> <p class="text-muted mb-0 font12"> CPO at uQualio</p> </div> </div> </div> <div class="carousel-item text-md-left text-center"> <p class="mb-0 poppins-400 py-6 testimonial-color">My chat rep (Safin) was super helpful and <strong>got my issues resolved immediately!</strong> I'm looking forward to getting my business started with 500apps!</p> <p class="font14 mb-0 mt-2"><strong class=text-uppercase>Kim Ly</strong></p> <div class="align-items-center d-md-flex justify-content-start th_testimonial_trustpilot"> <img loading=lazy src="/lib/images/trustpilot-review.png?v=1680096878164245470" width=91 height=17 alt="5 stars rating" class=""> </div> </div> <div class="carousel-item text-md-left text-center"> <p class="mb-0 poppins-400 py-6 testimonial-color"><strong>Awesome customer service</strong>. Vicky is very helpful. Can explain and help me to troubleshoot my current issues. Thank you so much.</p> <p class="font14 mb-0 mt-2"><strong class=text-uppercase>Claire</strong></p> <div class="align-items-center d-md-flex justify-content-start th_testimonial_trustpilot"> <img loading=lazy src="/lib/images/trustpilot-review.png?v=1680096878164245470" width=91 height=17 alt="5 stars rating" class=""> </div> </div> <div class="carousel-item text-md-left text-center"> <p class="mb-0 poppins-400 py-6 testimonial-color"> <strong>"SMBs' ultimate choice"</strong> - It was packed with features that addressed every need an organization could have. A <strong>wide variety of management functions are available</strong>, including human resource management, product management, time management, knowledge management, and client management.</p> <p class="font14 mb-0 mt-2"><strong class=text-uppercase>UE (Small-Business User)</strong></p> <div class="align-items-center d-md-flex justify-content-start th_testimonial_trustpilot"> <img loading=lazy src="/lib/images/trustpilot-review.png?v=1680096878164245470" width=91 height=17 alt="5 stars rating" class=""> </div> </div> <div class="carousel-item text-md-left text-center"> <p class="mb-0 poppins-400 py-6 testimonial-color"><strong>"Budget Friendly All-in-One Suite"</strong> - Our business has benefited from 500apps' ability to <strong>keep track of everything that is relevant</strong>. From managing customers and leads to keeping track of our customers. </p> <p class="font14 mb-0 mt-2"><strong class=text-uppercase>Tejas (Mid-Market Consultant)</strong></p> <div class="align-items-center d-md-flex justify-content-start th_testimonial_trustpilot"> <img loading=lazy src="/lib/images/trustpilot-review.png?v=1680096878164245470" width=91 height=17 alt="5 stars rating" class=""> </div> </div> <div class="carousel-item text-md-left text-center"> <p class="mb-0 poppins-400 py-6 testimonial-color">"Una Suite Perfecta para pequeños y medianos empresas" - Lo que mas me gusta es que puedes tener integrado, diferentes herramientas, tanto de productividad, marketing y ventas puedes gestionar así como diferentes herramientas que te ayudan a venta online, como el desarrollador de sitios web, o la optimizacion SEO a través de la aplicaciÃ³n Ninja SEO. </p> <p class="font14 mb-0 mt-2"><strong class=text-uppercase>Cosmetics Marketing Administrator</strong></p> <div class="align-items-center d-md-flex justify-content-start th_testimonial_trustpilot"> <img loading=lazy src="/lib/images/trustpilot-review.png?v=1680096878164245470" width=91 height=17 alt="5 stars rating" class=""> </div> </div> <div class="carousel-item text-md-left text-center"> <p class="mb-0 poppins-400 py-6 testimonial-color"> Business owners can use 500apps to <strong>get accurate, timely data</strong> that can help them make decisions better. 500apps aggregates the most accurate data and <strong>connects you with decision-makers</strong> and their confidants with ease.</p> <div class="d-flex align-items-center" style="font-size: 14px;"> <img loading=lazy src="/lib/images/stone-gye-1.png?v=1680096878164245470" class=rounded-pill width=60 height=60 alt=stone-gye> <div class=ml-3> <p class="font14 mb-0"><strong class=text-uppercase>Stone Gye</strong></p> <p class="text-muted mb-0 font12">Owner at Stonegye.digital</p> </div> </div> </div> <div class="carousel-item text-md-left text-center"> <div class="border embed-responsive embed-responsive-16by9 h-100 my-4 rounded w-100"> <video width=560 height=314 class="align-items-center embed-responsive-item lazyload" controls> <source src="/lib/images/max-keystone.mp4?v=1680096878164245470"> </video> </div> <p class="font14 mb-0"><strong class=text-uppercase>Max</strong></p> <p class="text-muted mb-0 font12 poppins-400"><strong class=text-uppercase>Program Manager at Keystone</strong></p> </div> <div class="carousel-item text-md-left text-center"> <p class="mb-0 poppins-400 py-6 testimonial-color"> It is a great platform where I can <strong>manage everything regarding my business and customers</strong>. 500apps basically solved many problems of mine regarding managing inventory from different vendors, billing customers, sending emails to customers, and managing help desks for customers. I can <strong>manage my whole business with 500apps</strong> because it provides all the tools I need.</p> <div class="d-flex align-items-center" style="font-size: 14px;"> <img loading=lazy src="/lib/images/chandana.png?v=1680096878164245470" class=rounded-pill width=60 height=60 alt=chandana> <div class=ml-3> <p class="font14 mb-0"><strong class=text-uppercase>Chandana M</strong></p> <p class="text-muted mb-0 font12">Assistant Manager at Quality CARE India Limited</p> </div> </div> </div> </div> <ol class="carousel-indicators new-testimonial-indicators"> <li data-target="#n-carouselTestimonial" data-slide-to=0 class=active></li> <li data-target="#n-carouselTestimonial" data-slide-to=1></li> <li data-target="#n-carouselTestimonial" data-slide-to=2></li> <li data-target="#n-carouselTestimonial" data-slide-to=3></li> <li data-target="#n-carouselTestimonial" data-slide-to=4></li> <li data-target="#n-carouselTestimonial" data-slide-to=5></li> <li data-target="#n-carouselTestimonial" data-slide-to=6></li> <li data-target="#n-carouselTestimonial" data-slide-to=7></li> <li data-target="#n-carouselTestimonial" data-slide-to=8></li> <li data-target="#n-carouselTestimonial" data-slide-to=9></li> </ol> </div> </div> </div> </div> </div> </div> </div> <div class=inner--feature--pre--footer> <div class="container-fluid pb-2 pb-lg-10 prefooter-cta-section n__prefooter__cta__section mt-md-4 lazyload" data-bg="/lib/images/cta-bg-3.svg?v=1691124479409199525"> <div class="container pt-md-10 pb-md-5 py-4 py-md-0"> <div class="row "> <div class="col-md-12 col-lg-10 col-xl-8 text-center mx-auto py-8"> <h3 class="display-3 text-white prefooter-cta-section-heading">Get Started with 500apps Today</h3> <p class="text-white mb-0 font-weight-600 prefooter-cta-section-sup">Applet.io is a part of 500apps Infinity Suite </p> <div class="row mt-md-5"> <div class="col-md-12 col-xl-9 col-lg-10 mx-auto mt-4"> <div class=row> <div class="col-md-7 col-lg-7 pr-md-2 position-relative"> <input type=email id=email class="form-control w-100 py-4 email500apps" required placeholder="Enter Email" aria-label=email name=email onkeypress="enterKeyE(event)"> <span class="d-none error font-12 ml-5 mt-2 mt-md-0 position-absolute bg-white" style="color: #f00 !important" id=email_error> Please enter a valid email address </span> </div> <div class="col-md-5 col-lg-5 px-md-2 mt-3 mt-md-0"> <div onclick="email()" class="btn btn-dark btn-animation px-4 py-3 w-200 cursor-pointer enter1"> <span> Sign Up </span> <small class="d-block trail-text1"><span class="trail--version--text btnTrialText">14-day FREE Trial</span></small> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <html><head><meta http-equiv=Content-Type content="text/html; charset=windows-1252"></head><body><section class="pt-2 pt-md-8 footer-sec"> <footer class=res-767-p> <div class="container pb-md-8 pt-4 pt-md-6"> <div class=row> <div class="col-12 col-sm-6 col-md-4 col-lg-2 footer-width"> <div class="sc-lo-dv text-left"> <a href="https://500apps-sites-dev.s3.amazonaws.com/"> <img loading=lazy src="./footer_files/logo-transparent.svg" alt=logo class="footer-brand img-fluid mb-md-6 mb-4 sc-lo-img lazyloaded"></a> </div> <div class=footer-color> <a href="https://500apps.com/" target=_blank> <img loading=lazy alt="500apps logo" class="footer-brand img-fluid mb-2 mt-2 mt-lg-0 lazyloaded " src="https://cdn./lib/images/500apps-grey-logo.svg" width=137 height=88> </a> <p class="mb-2 pt-3 pt-md-0 "> <b>Fortune 500apps</b> for your growing business. </p> <ul class=list-unstyled> <li class=list-unstyled> <span class=small> 99 Wall Street #1135 New York, NY 10005</span> </li> </ul> </div> </div> <div class="col-12 col-sm-6 col-md-4 col-lg-2 footer-width feature-links"> <p class="text-uppercase font-weight-800 text-white footer-h6 mb-3">Features</p> <ul class="list-unstyled text-muted mb-6 mb-md-8 mb-lg-0"> <li class=mb-2> <a href="/custom-widget" class=text-reset title="Custom Widget">Custom Widget</a> </li> <li class=mb-2> <a href="/oauth-keys" class=text-reset title="OAuth Keys">OAuth Keys</a> </li> <li class=mb-2> <a href="/file-picker" class=text-reset title="File Picker">File Picker</a> </li> <li class=mb-2> <a href="/playground" class=text-reset title=Playground>Playground</a> </li> <li class=mb-2> <a href="/customized-widget" class=text-reset title="Customized Widget">Customized Widget</a> </li> <li class=mb-2> <a href="/oauth-access-keys" class=text-reset title="OAuth Access Keys">OAuth Access Keys</a> </li> <li class=mb-2> <a href=file-manager class=text-reset title="File Manager">File Manager</a> </li> <li class=mb-2> <a href=app-widgets class=text-reset title="App Widgets">App Widgets</a> </li> <li class=mb-2> <a href="/oauth-authentication" class=text-reset title="OAuth Authentication">OAuth Authentication</a> </li> <li class=mb-2> <a href="/application-integration" class=text-reset title="Application Integration">Application Integration</a> </li> <li class=mb-2> <a href="/oauth-token" class=text-reset title="OAuth Token">OAuth Token</a> </li> </ul> </div> <div class="col-12 col-sm-6 col-md-4 col-lg-2 footer-width"> <p class="font-weight-800 text-uppercase footer-h6 mb-3">Resources</p> <ul class="list-unstyled mb-0"> <li class=mb-2> <a href="https://500apps-sites-dev.s3.amazonaws.com/resources" class=text-reset>Essentials</a> </li> </ul> </div> <div class="col-12 col-sm-6 col-md-4 col-lg-2 footer-width mt-5 mt-sm-0 mt-md-5 mt-lg-0"> <p class="font-weight-800 text-uppercase footer-h6 mb-3">About</p> <ul class="list-unstyled mb-6 mb-md-8 mb-lg-0"> <li class=mb-2> <a href="https://500apps.com/" class=text-reset>500apps</a> </li> <li class=mb-2> <a href="https://500apps-sites-dev.s3.amazonaws.com/pricing" class=text-reset>Pricing</a> </li> <li class=mb-2> <a href="https://500apps-sites-dev.s3.amazonaws.com/blog" class=text-reset>Blog</a> </li> <li class=mb-2> <a href="https://500apps-sites-dev.s3.amazonaws.com/webinar" class=text-reset>Webinars</a> </li> </ul> </div> <div class="col-12 col-sm-6 col-md-4 col-lg-2 footer-width mt-md-5 mt-lg-0"> <p class="font-weight-800 text-uppercase footer-h6 mb-3"> Contact Us</p> <ul class="list-unstyled mb-0"> <li class=mb-2> <span class="text-reset small"> <span class="bg-us sprite-css lazy-background visible"></span> <span class=ml-2>+1-877-904-4227</span> </span> </li> <li class=mb-2> <span class="text-reset small"> <span class="bg-gb sprite-css lazy-background visible"></span> <span class=ml-2> +44-808-169-7676 </span> </span> </li> <li class=mb-2> <span class="text-reset small"> <span class="bg-au sprite-css lazy-background visible"></span> <span class=ml-2> +61-1800-413-676 </span> </span> </li> <li class=mb-2> <a href=mailto: rel=noopener class="text-reset small text-nowrap"> <img loading=lazy src="https://cdn./lib/images/static/email-icon.svg" alt=email class="img-fluid mr-2 lazyloaded" width=17 height=13> </a> </li> </ul> <p class="mb-2 mt-5 font-weight-800">Connect With Us</p> <ul class="list-unstyled list-inline list-social mb-6 mt-4 mb-md-0"> <li class="list-inline-item list-social-item"> <a href="https://500apps-sites-dev.s3.amazonaws.com/includes/footer.html" rel=noopener title=Linkedin class="text-decoration-none social-hover" target=_blank> <p class="bg_linkedin_gray mb-0"></p> </a> </li> <li class="list-inline-item list-social-item "> <a href="https://500apps-sites-dev.s3.amazonaws.com/includes/footer.html" rel=noopener title=Facebook class="text-decoration-none social-hover" target=_blank> <p class="bg_facebook_gray mb-0"></p> </a> </li> <li class="list-inline-item list-social-item "> <a href="https://500apps-sites-dev.s3.amazonaws.com/includes/footer.html" rel=noopener title=Twitter class="text-decoration-none social-hover" target=_blank> <p class="bg_twitter_gray mb-0"></p> </a> </li> </ul> </div> </div> </div> <div class=bg-dark-color> <div class=container> <div class="row mx-0"> <div class="col-12 text-center py-6 px-0"> <p class="mb-0 small"> <span class="float-left text-white my-auto widthchange footr-p text-center text-md-left">� 2021 500apps </span> <a href="https://500apps.com/privacy-policy" target=_blank class="float-right text-decoration-none copy-right text-white"> Privacy Policy </a> </p> </div> </div> </div> </div> </footer> </section> <div class="modal fade exit-intent-modal" id=exampleModal tabindex=-1 role=dialog aria-labelledby=exampleModalCenterTitle aria-hidden=true> <div class="modal-dialog modal-lg modal-dialog-centered" role=document> <div class=modal-content> <div class=modal-header> <button type=button class=close data-dismiss=modal aria-label=Close> <span aria-hidden=true>✖</span> </button> </div> <div class="modal-body p-0"> <div class="mx-0 row h-100"> <div class="bg-primary border-top-botom-radious col-md-5 p-0"> <object class="align-items-end d-md-flex h-100 text-center lazyloaded position-relative" width="100%" type="image/svg+xml" data="./footer_files/infinity-rocket.svg" style="border-top-left-radius: .375rem;border-bottom-left-radius: .375rem;margin-bottom: -1px;"> <img loading=lazy src="./footer_files/infinity-rocket.svg" width="100%" class="img-fluid text-center lazyload" alt=pricing-banner> </object> </div> <div class="col-md-7 p-7"> <h1 class="display-3 mb-2 pb-1 text-primary">Wait! <img loading=lazy src="./footer_files/white-bg-rocket.png" alt=rocket class=position-relative style="width: 37px;position: relative; top: -4px;"> </h1> <h2 class="font-weight-800 mb-0" style="line-height: 1.7rem;">30+ apps at unbelievable cost for just <span class=color-orange>$14.99</span>.</h2> <div class=py-3> <h5 class="mb-3 font-size-15">Sign Up FREE today and Grow your business like Fortune 500.</h5> <a href="https://infinity.500apps.com/?a=s" class="btn btn-primary text-white btn-animation try-for-free-btn"> <span>Try 500apps for free</span> </a> </div> <div class=""> <h5 class="font-size-15 mb-0">Still not sure, sign up for our weekly webinar to know more about 500apps infinity suite. <a href="https://500apps-sites-dev.s3.amazonaws.com/webinar" class=text-primary> Register Today! </a> </h5> </div> </div> </div> </div> </div> </div> </div> <div class="modal fade exit-intent-modal" id=exampleModal1 tabindex=-1 role=dialog aria-labelledby=exampleModalCenterTitle aria-hidden=true> <div class="modal-dialog modal-lg modal-dialog-centered" role=document> <div class="modal-content bg-primary"> <div class=modal-header> <button type=button class=close data-dismiss=modal aria-label=Close style="opacity: 1;"> <span aria-hidden=true class=text-white>✖</span> </button> </div> <div class="modal-body p-0"> <div class="mx-0 row h-100" style="background: url(/lib/images/infinity-rocket-bg.png); background-repeat: no-repeat;background-position: bottom left;background-color: #335eea; border-radius: 1rem;"> <div class="col-8 ml-auto p-8 pl-9" style="border-top-right-radius: 0.375rem;border-bottom-right-radius: 0.375rem;"> <h1 class="display-3 text-white mb-0">Wait! <img loading=lazy src="./footer_files/white-bg-rocket.png" style=" width: 37px;position: relative;top: -4px;" alt="rocket img"> </h1> <h2 class="font-weight-800 text-white mb-0" style="line-height: 1.7rem;">30+ apps at unbelievable cost for just <span class=color-orange> $14.99</span>.</h2> <div class=py-4> <h5 class="mb-4 text-white font-size-15">Sign Up FREE today and Grow your business like Fortune 500.</h5> <a href="https://infinity.500apps.com/?a=s" class="btn text-dark btn-warning btn-animation try-for-free-btn"> <span> Try 500apps for free </span> </a> </div> <div class=""> <h5 class="text-white font-size-15">Still not sure, sign up for our weekly webinar to know more about 500apps infinity suite. <a href="https://500apps-sites-dev.s3.amazonaws.com/webinar" class="font-weight-800 text-warning"> Register Today! </a> </h5> </div> </div> </div> </div> </div> </div> </div> <script src="./footer_files/jquery.min.js.download"></script> <script src="./footer_files/common.js.download"></script> <script src="./footer_files/bootstrap.bundle.min.js.download"></script> <script src="./footer_files/theme.min.js.download"></script> <script src="./footer_files/lazysizes.min.js.download"></script> <script src="./footer_files/count.min.js.download"></script> <script src="./footer_files/magnify.js.download"></script> <script> document.addEventListener("DOMContentLoaded", function() { var lazyBackgrounds = [].slice.call(document.querySelectorAll(".lazy-background")); if ("IntersectionObserver" in window) { let lazyBackgroundObserver = new IntersectionObserver(function(entries, observer) { entries.forEach(function(entry) { if (entry.isIntersecting) { entry.target.classList.add("visible"); lazyBackgroundObserver.unobserve(entry.target); } }); }); lazyBackgrounds.forEach(function(lazyBackground) { lazyBackgroundObserver.observe(lazyBackground); }); } }); </script> <script> document.addEventListener( "mouseleave", function (e) { if (e.clientY < 0) { if (Number(sessionStorage.exit_init) != 1) { sessionStorage.exit_init = 1; let modal_id = localStorage.getItem("modal_id"); modal_id = modal_id ? modal_id : "#exampleModal"; $(modal_id).modal(); modal_id == "#exampleModal" ? localStorage.setItem("modal_id", "#exampleModal1") : localStorage.setItem("modal_id", "#exampleModal"); } } }, false, ); </script> <script> function pricing($event){ console.log("hi", $event); const checkbox = document.getElementById('billingSwitch') var year = document.getElementById('year') var month = document.getElementById('month') if (checkbox.checked == true){ month.style.display = "block" year.style.display = "none" } else { month.style.display = "none" year.style.display = "block" } } </script> <script type="text/javascript"> $(function(){ $('.modal').on('hidden.bs.modal', function (e) { $iframe = $(this).find("iframe"); $iframe.attr("src", $iframe.attr("src")); }); }); </script> <script> function email(){ var email = document.getElementById("email").value; location.href = "https://infinity.500apps.com?e=" + email; } </script> <script id=data-chat-script src='https://kong.ai/static/widget/chat.min.js' data-prefs='eyJ1dWlkIjoiMDhkMTMwMDItYWY0NC00MDg5LWE4OTctODQ5N2QwZjczMTIwIiwiaGVhZGVyIjoiNTAwYXBwcyBBSSBDaGF0IEJvdCIsImhlYWRlckRlc2NyaXB0aW9uIjoiQ2hhdCB3aXRoIG91ciAyNC83IEFJIENoYXRib3QgdG8gZ2V0IGluc3RhbnQgc3VwcG9ydCBhbmQgYW5zd2Vycy4ifQ=='></script> </body></html>