{"id":403,"date":"2022-10-07T18:08:58","date_gmt":"2022-10-07T22:08:58","guid":{"rendered":"https:\/\/vezgo.com\/blog\/?p=403"},"modified":"2023-08-28T20:48:30","modified_gmt":"2023-08-29T00:48:30","slug":"vezgo-connect-new-dark-theme","status":"publish","type":"post","link":"https:\/\/vezgo.com\/blog\/vezgo-connect-new-dark-theme\/","title":{"rendered":"Vezgo Connect: New Dark Theme and 1 Additional Connect Flow Option."},"content":{"rendered":"<div class=\"initial-letter\">\n<p>This week, the Vezgo Connect Flow got an upgrade.  We released a Connect Flow&nbsp;<strong>Dark-Theme<\/strong>&nbsp;option and an additional option that makes it possible to show the provider list with only <strong>1 provider per line<\/strong> instead of 2.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">What is Vezgo Connect?<\/h2>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"VEZGO - Crypto API Product Demo. Connect Easily to Binance, Coinbase, Kraken and many more\" width=\"1140\" height=\"641\" src=\"https:\/\/www.youtube.com\/embed\/5iIkxuLogdU?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>\n<\/div><figcaption class=\"wp-element-caption\">Vezgo Connect Flow<\/figcaption><\/figure>\n\n\n\n<p><a href=\"https:\/\/vezgo.com\/docs\/#connect-a-user\" data-type=\"URL\" data-id=\"https:\/\/vezgo.com\/docs\/#connect-a-user\">Connect<\/a> is the name we&#8217;re giving to the user interface that allows your end users to connect their Crypto Exchange account to Vezgo and to your apps.  It is the part of our software that will establish a connection between the <a href=\"https:\/\/vezgo.com\/blog\/all-in-one-crypto-exchange-api\/\" data-type=\"post\" data-id=\"35\">Crypto Exchange API<\/a> and Vezgo. <\/p>\n\n\n\n<p>It is similar to what traditional finance aggregators like Yodlee &amp; Plaid offer, but for Crypto &amp; Web3 data.  We call it <a href=\"https:\/\/vezgo.com\/docs\/#connect-a-user\">Connect<\/a>, where Yodlee calls it <a href=\"https:\/\/www.yodlee.com\/financial-wellness\/link-accounts-fastlink\" data-type=\"URL\" data-id=\"https:\/\/www.yodlee.com\/financial-wellness\/link-accounts-fastlink\" rel=\"nofollow noopener\" target=\"_blank\">Yodlee Fastlink<\/a> and Plaid calls it <a href=\"https:\/\/plaid.com\/docs\/link\/\" data-type=\"URL\" data-id=\"https:\/\/plaid.com\/docs\/link\/\" rel=\"nofollow noopener\" target=\"_blank\">Plaid Link<\/a>.  <\/p>\n\n\n\n<p>Even though, Yodlee and Plaid <a href=\"https:\/\/techcrunch.com\/2022\/07\/14\/plaid-adds-read-only-support-for-thousands-of-crypto-exchanges\/\" target=\"_blank\" rel=\"noopener\">recently started adding support<\/a> for  cryptocurrencies,  there are lots of good reasons (starting with data accuracy and support for both blockchain data &amp; crypto exchange data) to work with Vezgo for Crypto and Web3 data integrations or to complement traditional finance data instead of using <a href=\"https:\/\/vezgo.com\/blog\/the-new-plaid-of-crypto-connecting-crypto-wallets-to-fintech-apps\/\" data-type=\"post\" data-id=\"18\">Plaid for Crypto<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">New Dark Theme Option<\/h2>\n\n\n\n<p><code>&amp;theme=dark<\/code><\/p>\n\n\n\n<p>In order to use the Vezgo Connect Dark Theme, simply add a &amp;theme=dark argument when you redirect to the <a href=\"https:\/\/vezgo.com\/docs\/#connect-a-user\">Connect<\/a> flow. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">New Simple List Option<\/h2>\n\n\n\n<p><code>&amp;providers_per_line=2<\/code><\/p>\n\n\n\n<p>By default, Vezgo Connect will show the list of providers in two columns. You can get a clean 1 provider per line list by simply using &amp;providers_per_line=2 as an argument when you redirect to the <a href=\"https:\/\/vezgo.com\/docs\/#connect-a-user\" data-type=\"URL\" data-id=\"https:\/\/vezgo.com\/docs\/#connect-a-user\">Vezgo Connect<\/a> flow.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Provider selection screen customization<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"640\"  data-gnlv=\"hey\" src=\"https:\/\/vezgo.com\/blog\/wp-content\/uploads\/2022\/10\/vezgo-connect-compare-1024x640.png\" alt=\"Vezgo Connect\" class=\"wp-image-434\" srcset=\"https:\/\/vezgo.com\/blog\/wp-content\/uploads\/2022\/10\/vezgo-connect-compare-1024x640.png 1024w, https:\/\/vezgo.com\/blog\/wp-content\/uploads\/2022\/10\/vezgo-connect-compare-600x375.png 600w, https:\/\/vezgo.com\/blog\/wp-content\/uploads\/2022\/10\/vezgo-connect-compare-300x187.png 300w, https:\/\/vezgo.com\/blog\/wp-content\/uploads\/2022\/10\/vezgo-connect-compare-768x480.png 768w, https:\/\/vezgo.com\/blog\/wp-content\/uploads\/2022\/10\/vezgo-connect-compare-1536x960.png 1536w, https:\/\/vezgo.com\/blog\/wp-content\/uploads\/2022\/10\/vezgo-connect-compare.png 1588w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Vezgo Connect vs Custom Implementations<\/figcaption><\/figure>\n\n\n\n<p>You can fully customize the provider selection screen by implementing your own user interface (within your application) that redirects your users to Vezgo Connect for the preselected provider.  <\/p>\n\n\n\n<p>In the image below, you can compare the default Vezgo Connect implementation against <a href=\"https:\/\/assetdash.com\" target=\"_blank\" data-type=\"URL\" data-id=\"https:\/\/assetdash.com\" rel=\"noreferrer noopener\">AssetDash<\/a>&#8216;s and <a href=\"https:\/\/wealthica.com\" target=\"_blank\" data-type=\"URL\" data-id=\"https:\/\/wealthica.com\" rel=\"noreferrer noopener\">Wealthica<\/a>&#8216;s.<\/p>\n\n\n\n<p>This allows for offering your users a combined list of providers that can include connectors that you implemented in-house or traditional finance providers coming from a third party like <a href=\"https:\/\/vezgo.com\/blog\/the-new-plaid-of-crypto-connecting-crypto-wallets-to-fintech-apps\/\" data-type=\"post\" data-id=\"18\">Plaid<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Jumping to a preselected provider<\/h2>\n\n\n\n<p>To reduce implementation time, the Vezgo Connect flow includes a provider selection screen. Using the Vezgo selection screen is the fastest implementation and default method. This method redirects your users to the Vezgo Connect flow as soon as they request to connect to a provider.  <\/p>\n\n\n\n<p>If you want to keep the provider selection screen within your own application, you can build your own provider selection page.<\/p>\n\n\n\n<p>Your provider selection screen can even include multiple data providers or some connections your own team develops. From this selection provider screen, you will redirect your users to a preselected provider within the Vezgo Connect flow. <\/p>\n\n\n\n<p>The redirect flow method allows for integration with your own connectivity sources (some you might have developed internally) or third party data providers beside Vezgo if you&#8217;d like.  <\/p>\n\n\n\n<h5 class=\"wp-block-heading\">How to customize the connect flow?<\/h5>\n\n\n\n<ul class=\"wp-block-list\">\n<li>To start <strong>widget flow<\/strong> you would use&nbsp;<code><a href=\"https:\/\/github.com\/wealthica\/vezgo-sdk-js#userconnect-provider-providers-accountid-lang-theme-providersperline-\" data-type=\"URL\" data-id=\"https:\/\/github.com\/wealthica\/vezgo-sdk-js#userconnect-provider-providers-accountid-lang-theme-providersperline-\" target=\"_blank\" rel=\"noopener\">user.connect()<\/a><\/code>&nbsp;:&nbsp;<\/li>\n\n\n\n<li>To start <strong>redirect flow<\/strong> you would use <code><a href=\"https:\/\/github.com\/wealthica\/vezgo-sdk-js#usergetconnectdata-provider-redirecturi-state-lang-theme-providersperline-\" data-type=\"URL\" data-id=\"https:\/\/github.com\/wealthica\/vezgo-sdk-js#usergetconnectdata-provider-redirecturi-state-lang-theme-providersperline-\" target=\"_blank\" rel=\"noopener\">user.getConnectData()<\/a><\/code>&nbsp;<\/li>\n\n\n\n<li><strong>getConnectData<\/strong> is used to fetch Connect URL and token<\/li>\n<\/ul>\n\n\n\n<p>By customizing your provider selection screen to include both traditional finance and crypto providers, your users will have a seamless experience, much like if you were using <a href=\"https:\/\/vezgo.com\/blog\/the-new-plaid-of-crypto-connecting-crypto-wallets-to-fintech-apps\/\" data-type=\"post\" data-id=\"18\">Plaid for Crypto<\/a>, while you will be getting access to high quality, enhanced crypto and web3 data using Vezgo.<\/p>\n\n\n\n<p>A use case for example is integrating with traditional finance data providers like Plaid in addition to integrating with Vezgo for Crypto and Web3 providers.  Vezgo allows you to ship fast by building and integrating with crypto at lightning speed.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Crypto Logos for Providers<\/h2>\n\n\n\n<p>If you chose to go with the provider selection screen customization, you might need to have your own crypto logos or coin logos (for exchange, blockchain and web3 data providers). We provide crypto provider logos to all Vezgo clients.<\/p>\n\n\n\n<p>If you get providers from&nbsp;await <code>vezgo.providers.getList();<\/code>&nbsp;then you can get coin logos for each provider using <code>${provider.name}.png<\/code> at the end of the crypto logo location URL. <\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>This week, the Vezgo Connect Flow got an upgrade. We released a Connect Flow&nbsp;Dark-Theme&nbsp;option and an additional option that makes it possible to show the provider list with only 1 provider per line instead of 2. What is Vezgo Connect? Connect is the name we&#8217;re giving to the user interface that allows your end users [&hellip;]<\/p>\n","protected":false},"author":12,"featured_media":434,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,4,43],"tags":[123,124],"class_list":["post-403","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-product-updates","category-announcements","category-knowledge","tag-connect","tag-editorpick"],"_links":{"self":[{"href":"https:\/\/vezgo.com\/blog\/wp-json\/wp\/v2\/posts\/403","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vezgo.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/vezgo.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/vezgo.com\/blog\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/vezgo.com\/blog\/wp-json\/wp\/v2\/comments?post=403"}],"version-history":[{"count":34,"href":"https:\/\/vezgo.com\/blog\/wp-json\/wp\/v2\/posts\/403\/revisions"}],"predecessor-version":[{"id":1050,"href":"https:\/\/vezgo.com\/blog\/wp-json\/wp\/v2\/posts\/403\/revisions\/1050"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/vezgo.com\/blog\/wp-json\/wp\/v2\/media\/434"}],"wp:attachment":[{"href":"https:\/\/vezgo.com\/blog\/wp-json\/wp\/v2\/media?parent=403"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/vezgo.com\/blog\/wp-json\/wp\/v2\/categories?post=403"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/vezgo.com\/blog\/wp-json\/wp\/v2\/tags?post=403"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}