[vc_row type=”full_width_content” full_screen_row_position=”middle” bg_image=”9″ bg_position=”center center” bg_repeat=”no-repeat” scene_position=”center” text_color=”light” text_align=”left” top_padding=”8%” bottom_padding=”5%” color_overlay=”#262f3f” overlay_strength=”0.95″][vc_column centered_text=”true” column_padding=”padding-3-percent” column_padding_position=”left-right” background_color_opacity=”1″ background_hover_color_opacity=”1″ width=”1/1″ tablet_text_alignment=”default” phone_text_alignment=”default”][vc_row_inner text_align=”left”][vc_column_inner enable_animation=”true” animation=”fade-in-from-bottom” column_padding=”padding-1-percent” column_padding_position=”bottom” background_color_opacity=”1″ width=”1/1″ delay=”200″][vc_column_text]
swipeclock for Developers
[/vc_column_text][/vc_column_inner][/vc_row_inner][vc_row_inner bottom_padding=”30″ text_align=”left”][vc_column_inner enable_animation=”true” animation=”fade-in-from-bottom” column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ width=”1/6″ delay=”300″][/vc_column_inner][vc_column_inner column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ width=”2/3″][divider line_type=”No Line”][vc_column_text]
Connect timekeeping to payroll, HR, benefits administration, rewards, finance, and other applications.
[/vc_column_text][/vc_column_inner][vc_column_inner column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ width=”1/6″][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row type=”full_width_background” full_screen_row_position=”middle” scene_position=”center” text_color=”dark” text_align=”left” top_padding=”100″ bottom_padding=”2.5%” overlay_strength=”0.3″][vc_column column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ background_hover_color_opacity=”1″ width=”1/1″ tablet_text_alignment=”default” phone_text_alignment=”default”][tabbed_section style=”minimal” alignment=”left” cta_button_style=”extra-color-1″]
[vc_row_inner text_align=”left”][vc_column_inner column_padding=”padding-2-percent” column_padding_position=”right” background_color_opacity=”1″ width=”1/1″][vc_column_text]
Overview
[/vc_column_text][divider line_type=”No Line” custom_height=”60″][vc_column_text]Developers integrate with SwipeClock products through two key platforms: HUB Connect and HUB Exchange.
[/vc_column_text][vc_column_text]HUB Connect gives developers the tools they need to connect to SwipeClock timekeeping and HUB features, synchronize time/employee data, and add embeddable widgets for a unified user experience. All connectors are cataloged in the HUB Connect library.[/vc_column_text][vc_column_text]HUB Exchange is an app store, allowing authorized third parties to extend WorkforceHUB functionality with anything a payroll company, client or individual employee needs. Developers use our SDK and REST APIs to connect to the employee data they need for their app. All approved apps are cataloged in the HUB Exchange library.[/vc_column_text][divider line_type=”No Line” custom_height=”60″][/vc_column_inner][/vc_row_inner][vc_row_inner text_align=”left”][vc_column_inner column_padding=”padding-2-percent” column_padding_position=”right” background_color_opacity=”1″ width=”1/4″][vc_column_text]
HUB
Connect
[/vc_column_text][divider line_type=”No Line” custom_height=”20″][nectar_btn size=”medium” button_style=”regular” button_color_2=”Accent-Color” color_override=”#00c070″ icon_family=”none” url=”/hub-connect-library/” text=”HUB Connect Library”][/vc_column_inner][vc_column_inner column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ width=”1/4″][vc_column_text]
…
…
[/vc_column_text][divider line_type=”No Line” custom_height=”20″][nectar_btn size=”medium” button_style=”regular” button_color_2=”Accent-Color” icon_family=”none” url=”/hub-connect-build/” text=”Build a Connector”][/vc_column_inner][vc_column_inner column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ width=”1/4″][vc_column_text]
HUB
Exchange
[/vc_column_text][divider line_type=”No Line” custom_height=”20″][nectar_btn size=”medium” button_style=”regular” button_color_2=”Accent-Color” color_override=”#00c070″ icon_family=”none” url=”/hub-exchange-library/” text=”HUB Exchange Library”][/vc_column_inner][vc_column_inner column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ width=”1/4″][vc_column_text]
…
…
[/vc_column_text][divider line_type=”No Line” custom_height=”20″][nectar_btn size=”medium” button_style=”regular” button_color_2=”Accent-Color” icon_family=”none” url=”/hub-exchange-build/” text=”Build an App”][/vc_column_inner][/vc_row_inner][vc_column_text][/vc_column_text]
[vc_row_inner text_align=”left”][vc_column_inner column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ width=”1/4″][vc_column_text]
What is HUB Connect?
HUB Connect gives developers the tools they need to connect to SwipeClock timekeeping and HUB features, synchronize time/employee data, and add embeddable widgets for a unified user experience. All connectors are cataloged in the HUB Connect library.
[/vc_column_text][/vc_column_inner][vc_column_inner column_padding=”padding-8-percent” column_padding_position=”left-right” background_color_opacity=”1″ centered_text=”true” width=”1/2″][image_with_animation image_url=”1955″ alignment=”center” animation=”Fade In” box_shadow=”none” max_width=”100%”][/vc_column_inner][vc_column_inner column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ width=”1/4″][vc_column_text]
Find a Connector
[/vc_column_text][nectar_btn size=”medium” button_style=”regular” button_color_2=”Accent-Color” icon_family=”none” url=”/hub-connect-library/” text=”HUB Connect Library”][divider line_type=”No Line”][/vc_column_inner][/vc_row_inner][vc_row_inner text_align=”left”][vc_column_inner column_padding=”padding-2-percent” column_padding_position=”right” background_color_opacity=”1″ width=”1/1″][divider line_type=”No Line” custom_height=”60″][vc_column_text]
Build a Connector!
[/vc_column_text][divider line_type=”No Line” custom_height=”60″][vc_column_text]SwipeClock-authorized connector developers get access to a sandbox account to create and update connectors. Fully integrated connectors that synchronize data, support single sign on and exchange payroll and HR related documents are the Gold standard. SwipeClock reserves the right to approve connectors before they are promoted from the sandbox environment to production.[/vc_column_text][divider line_type=”No Line” custom_height=”60″][/vc_column_inner][/vc_row_inner][vc_row_inner text_align=”left”][vc_column_inner column_padding=”padding-2-percent” column_padding_position=”right” background_color_opacity=”1″ width=”1/2″][nectar_btn size=”large” button_style=”regular” button_color_2=”Accent-Color” icon_family=”none” url=”https://developer.swipeclock.com/hub-connect-build/” text=”Get Started!”][/vc_column_inner][vc_column_inner column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ width=”1/2″][/vc_column_inner][/vc_row_inner][vc_row_inner equal_height=”yes” text_align=”left” el_id=”hide-it”][vc_column_inner enable_animation=”true” animation=”none” column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ width=”1/6″][/vc_column_inner][vc_column_inner boxed=”true” column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ width=”1/6″][vc_column_text]Step 1: Registration
You tell us what you want to connect.
Apply Now[/vc_column_text][/vc_column_inner][vc_column_inner boxed=”true” column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ width=”1/6″][vc_column_text]Step 2: Synchronize
Use APIs to pass employee and time data.
Explore APIs[/vc_column_text][/vc_column_inner][vc_column_inner boxed=”true” column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ width=”1/6″][vc_column_text]Step 3: User Interface
Add timeclock and other components to your user interface.
Embed Widgets[/vc_column_text][/vc_column_inner][vc_column_inner boxed=”true” column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ width=”1/6″][vc_column_text]Step 4: Data Exchange
Pass paystubs and other data/docs.
Explore APIs[/vc_column_text][/vc_column_inner][vc_column_inner boxed=”true” column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ width=”1/6″][vc_column_text]Step 5: Document
Describe process to install new Connector.
Instructions[/vc_column_text][/vc_column_inner][/vc_row_inner][vc_column_text][/vc_column_text]
[vc_row_inner text_align=”left”][vc_column_inner column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ width=”1/4″][vc_column_text]
What is HUB Exchange?
HUB Exchange is an app store, allowing authorized third parties to extend WorkforceHUB functionality with anything a payroll company, client or individual employee needs. Developers use our SDK and REST APIs to connect to the employee data they need for their app. All approved apps are cataloged in the HUB Exchange library.
[/vc_column_text][/vc_column_inner][vc_column_inner column_padding=”padding-4-percent” column_padding_position=”left-right” background_color_opacity=”1″ centered_text=”true” width=”1/2″][image_with_animation image_url=”6355″ alignment=”center” animation=”Fade In” box_shadow=”none” max_width=”100%”][/vc_column_inner][vc_column_inner column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ width=”1/4″][vc_column_text]
Find an app
[/vc_column_text][nectar_btn size=”medium” button_style=”regular” button_color_2=”Accent-Color” icon_family=”none” url=”/hub-exchange-library/” text=”HUB Exchange library”][divider line_type=”No Line”][/vc_column_inner][/vc_row_inner][vc_row_inner text_align=”left” el_id=”hide-it”][vc_column_inner column_padding=”padding-2-percent” column_padding_position=”right” background_color_opacity=”1″ width=”1/1″][divider line_type=”No Line” custom_height=”60″][vc_column_text]
App Framework
[/vc_column_text][vc_column_text]The HUB Exchange App Framework is an extensible plug-in framework allowing third party developers to create and integrate a rich set of functionality for WorkforceHUB users. The framework is modeled on Apple App Store, Google Play and Facebook App Store.[/vc_column_text][/vc_column_inner][/vc_row_inner][vc_row_inner text_align=”left” el_id=”hide-it”][vc_column_inner column_padding=”padding-2-percent” column_padding_position=”right” background_color_opacity=”1″ width=”1/1″][divider line_type=”No Line” custom_height=”60″][divider line_type=”No Line” custom_height=”60″][/vc_column_inner][/vc_row_inner][vc_row_inner text_align=”left” el_id=”hide-it”][vc_column_inner column_padding=”padding-2-percent” column_padding_position=”right” background_color_opacity=”1″ width=”1/1″][vc_column_text]
App Hosting & Design
[/vc_column_text][vc_column_text]A HUB Exchange app must be hosted by the third party developer on an external SSL-secured web site. SwipeClock will not host apps.
Apps are rendered as embedded iFrames within WorkforceHUB. This de-couples WorkforceHUB resources from app resources. Each app is accessed at run-time through a public URL.
Apps must reference WorkforceHUB’s JavaScript SDK and may optionally reference WorkforceHUB’s REST APIs.
[/vc_column_text][vc_column_text]Apps must fit into one of these 2 categories/sizes:
- Content/650 pixels wide (max)
- Sidebar/340 pixels wide (max)
[/vc_column_text][divider line_type=”No Line” custom_height=”20″][image_with_animation image_url=”6402″ alignment=”center” animation=”Fade In” box_shadow=”none” max_width=”100%”][divider line_type=”No Line” custom_height=”20″][vc_column_text]App height should not take up the majority of WorkforceHUB’s screen real estate. SwipeClock will determine the appropriate size for each app during the final approval process.[/vc_column_text][/vc_column_inner][/vc_row_inner][vc_row_inner text_align=”left” el_id=”hide-it”][vc_column_inner column_padding=”padding-2-percent” column_padding_position=”right” background_color_opacity=”1″ width=”1/1″][divider line_type=”No Line” custom_height=”60″][/vc_column_inner][/vc_row_inner][vc_row_inner text_align=”left”][vc_column_inner column_padding=”padding-2-percent” column_padding_position=”right” background_color_opacity=”1″ width=”1/1″][divider line_type=”No Line” custom_height=”60″][vc_column_text]
Build an Exchange App!
[/vc_column_text][vc_column_text]SwipeClock-authorized app developers get access to a sandbox account to create new apps and update existing apps for approval. Anyone with basic web development knowledge can create an app. Like Apple, Google and Facebook, SwipeClock reserves the right to approve apps before they are promoted from the sandbox environment to production.[/vc_column_text][divider line_type=”No Line” custom_height=”60″][/vc_column_inner][/vc_row_inner][vc_row_inner text_align=”left”][vc_column_inner column_padding=”padding-2-percent” column_padding_position=”right” background_color_opacity=”1″ width=”1/2″][nectar_btn size=”large” button_style=”regular” button_color_2=”Accent-Color” icon_family=”none” url=”https://developer.swipeclock.com/hub-exchange-build/” text=”Get Started!”][/vc_column_inner][vc_column_inner column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ width=”1/2″][/vc_column_inner][/vc_row_inner][vc_row_inner equal_height=”yes” text_align=”left” el_id=”hide-it”][vc_column_inner boxed=”true” column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ width=”1/4″][vc_column_text]Step 1: Registration
You tell us what you want to build. We give you access to developer tools and sandbox.
Apply Now[/vc_column_text][/vc_column_inner][vc_column_inner boxed=”true” column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ width=”1/4″][vc_column_text]Step 2: Use Javascript SDK
Connect your application to ours at a basic level.
Get Started[/vc_column_text][/vc_column_inner][vc_column_inner boxed=”true” column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ width=”1/4″][vc_column_text]Step 3: Use REST APIs
Connect to our application at a deeper level.
Go Deep[/vc_column_text][/vc_column_inner][vc_column_inner boxed=”true” column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ width=”1/4″][vc_column_text]Step 4: Submit for Approval
Send us your app for review along with built in Terms of Service.
Submit Now![/vc_column_text][/vc_column_inner][/vc_row_inner]
[vc_row_inner text_align=”left”][vc_column_inner column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ width=”1/4″][vc_column_text]
HUB Connector
API Explorer
[/vc_column_text][divider line_type=”Small Line” line_thickness=”2″ divider_color=”extra-color-1″ custom_height=”20″][divider line_type=”No Line” custom_height=”20″][vc_column_text]TimeWorksPlus API Explorer
TimeSimplicity API Explorer
WorkforceHUB API Diagrams[/vc_column_text][/vc_column_inner][vc_column_inner column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ width=”1/4″][vc_column_text]
Code
Samples
[/vc_column_text][divider line_type=”Small Line” line_thickness=”2″ divider_color=”extra-color-1″ custom_height=”20″][divider line_type=”No Line” custom_height=”20″][vc_column_text]Developer Forum[/vc_column_text][/vc_column_inner][vc_column_inner column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ width=”1/4″][vc_column_text]
Developer
Support
[/vc_column_text][divider line_type=”Small Line” line_thickness=”2″ divider_color=”extra-color-1″ custom_height=”20″][divider line_type=”No Line” custom_height=”20″][vc_column_text]developersupport@swipeclock.com
[/vc_column_text][/vc_column_inner][vc_column_inner column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ width=”1/4″][vc_column_text]
HUB
Tutorials
[/vc_column_text][divider line_type=”Small Line” line_thickness=”2″ divider_color=”extra-color-1″ custom_height=”20″][divider line_type=”No Line” custom_height=”20″][vc_column_text]Welcome to HUB Connect!
Welcome to HUB Exchange![/vc_column_text][/vc_column_inner][/vc_row_inner][vc_row_inner text_align=”left”][vc_column_inner column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ width=”1/3″][/vc_column_inner][vc_column_inner column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ width=”1/3″][/vc_column_inner][vc_column_inner column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ width=”1/3″][/vc_column_inner][/vc_row_inner][vc_row_inner text_align=”left” el_id=”hide-it”][vc_column_inner column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ width=”1/3″][vc_column_text]
HUB Connector API Explorer
[/vc_column_text][/vc_column_inner][vc_column_inner column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ width=”1/3″][nectar_btn size=”medium” open_new_tab=”true” button_style=”regular” button_color_2=”Accent-Color” icon_family=”none” url=”https://twpapi.payrollservers.us/swagger/ui/index” text=”Connector API Explorer”][/vc_column_inner][vc_column_inner column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ width=”1/3″][/vc_column_inner][/vc_row_inner]
[/tabbed_section][/vc_column][/vc_row][vc_row type=”full_width_background” full_screen_row_position=”middle” bg_color=”#ffffff” scene_position=”center” text_color=”dark” text_align=”left” top_padding=”4%” bottom_padding=”4%” overlay_strength=”0.3″][vc_column centered_text=”true” column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ background_hover_color_opacity=”1″ width=”1/1″ tablet_text_alignment=”default” phone_text_alignment=”default”][divider line_type=”No Line” custom_height=”60″][divider line_type=”No Line” custom_height=”60″][/vc_column][/vc_row]
