Category: Help Knowledge Base

  • What is a DUNs number and where to find it?

    A D-U-N-S Number is a number that is used to identify your business. D-U-N-S stands for Data Universal Numbering System, a system developed in the 60s by the Dun & Bradstreet (D&B) company for their own business. It has become a standard to identify a business and Apple uses it to verify the identity of your company.

    A DUNS number is a unique nine-character identification number Dun & Bradstreet provides free of charge.

    The ‘DUNS’ system was quickly adopted worldwide and it’s used by Apple to verify you’re a registered business and the identity of your Company.

    Where do I register a DUNS number?

    Before you start, use the DUNS Number look up tool to check if you already have one. If your company is not in the database, you can submit your information and get your DUNS number.

    How long does it take?

    Obtaining a DUNS Number for your business is quite straightforward. The process usually takes about five working days.

    Once you receive your number, please allow up to 2 business days for Apple to receive your information from D&B. After this, you can apply for the Apple Developer Program as a company.

    What information will I need to provide?

    To apply for a DUNS Number if your business, you will need to supply the following information:

    • Your work contact information
    • Legal structure or type of business (corporation, partnership, proprietorship, etc.)
    • Year the entity was created
    • The primary line of business
    • Total number of employees (full-time and part-time)

    How much does it cost?

    The service from D&B is free for normal registration. You shouldn’t pay anything for requesting a DUNS number. You are also not obligated to purchase any of D&B’s products.

  • vendrux News functionality and features

    https://www.youtube.com/watch?v=wfSzVeA_oaMYour app will gather content automatically from your WordPress site, display posts and pages, including custom post types. Your users will be able to read content online and offline, share it with a single tap, save their favourites, leave comments on your articles and receive push notifications alerting them to new content.Read more about our Features.Here’s a list (never complete, as we keep adding to it!).

    • Your own design for icon, launch images, logo and UI colors
    • Unlimited automatic and manual push notifications (compatible with posts and custom post types)
    • Customisable app menu with pages, categories, tags, custom taxonomies and links
    • User preferences for push notifications (by category)
    • Support for posts, pages, categories, custom post types and custom fields
    • Support for videos, images, galleries and almost every HTML5 widget you can embed in your content
    • Advertising with AdMob, Adsense, MoPub, Google DFP or your own custom HTML ads
    • Banner, interstitial and native ads supported
    • Offline access to your content
    • Support for Google Analytics with complete app usage statistics
    • Custom HTML/PHP/CSS in the article contents (add all the functionality you need)
    • WordPress, Facebook and Disqus comments supported
    • Social Sharing features (one tap to share to Facebook, Twitter, Whatsapp, email and more)
    • Support for Youtube, Vimeo and other video players, Soundcloud and any HTML5 widget or player
    • Support for image galleries
    • User favourite posts
    • Multilanguage mobile apps, including English, Arabic, French, Spanish, Italian, German, Swedish and Portuguese.
    • RTL support for Arabic and Israeli
    • Create a members only, login protected mobile app with access to your WordPress user database
    • App Submission service to Apple App Store and Google Play (we do all for you)
    • Ability to publish with your own Developer accounts on Google Play and App Store
    • Complete integrations with WP Groups and the WordPress user database for login protected mobile apps
  • What are Apple and Google’s fees and revenue share percentage on in-app purchases and subscriptions?

    Every App Store, including Apple App Store and Google Play Store charge a fee on in-app purchases. They take a significant cut of your revenue on any one time and subscription charge in your app, that’s how they make money.

    Subscription billing is particularly popular these days and both Apple and Google have tried enticing developers with a revenue structure that reduces their commission over time.

    What percentage does Apple take from in app purchases?

    For one-time purchases Apple charges a 30% fee.

    Since 2016, Apple has reduced the fees they charge for subscriptions, but only after 12 months of service.

    In the first year of a subscription, Apple takes a 30% cut of your revenue, so you receive 70% of the subscription price at each billing cycle, monthly or annual, minus applicable taxes.

    After a year of service, your revenue share increases to 85% of the subscription price, minus applicable taxes, so Apple takes 15% of your revenue.

    Update: Want to avoid Apple’s 30% App Store fee? Apple is changing their rules about what’s allowed and what not. It’s now allowed for you to contact app users about payment options outside of the app. You can’t link to other payment options yet, but you might be able soon.

    All subscriptions on all Apple platforms are eligible, including paid introductory periods (pay as you go, pay up front). The period calculation excludes free trials and bonus periods. Upgrades, downgrades, or crossgrades between subscriptions in the same group don’t affect the one year calculation. A move to a subscription in a different group resets the count of days.

    What percentage does Google take from in app purchases?

    Like for one-time purchases, Google’s revenue share on subscriptions is 30% of the price. You receive 70% of the payment.

    Like for Apple, Google’s cut on your revenue for subscriptions decreases to 15% after a year, so you’ll retain 85% of the revenue after 12 months.

    Subscribers within a grace period, or that recover from an account hold, grace period, pause, or subscription restore still count. Same for people that sign up at introductory pricing, those that upgrade or downgrade or re-sign up within two months of cancelling. What doesn’t count towards the 12 months are free trials, refunded purchases and any time while the account is on hold.

    Payout schedules

    You don’t get your money immediately when you sell a subscription. Google pays out just a few days after the end of the month, with no minimum.

    Apple makes payments 30 days following the end of each monthly period. To receive payment, you must have provided all required banking and tax information and meet a minimum threshold, ranging from 10USD to 150USD.

  • Welcome to Canvas | vendrux

    Welcome to Canvas | vendrux

    Welcome to our Canvas resource center, here you will find everything you need to learn how to use, configure and customize your apps.

    To get you started, here is a quick overview of how Canvas works.

    A Canvas app is made of 3 main parts, each listed and described below:

    Native

    As a mobile app, Canvas was built using native code (Swift for iOS, and Kotlin for Android).

    On the native side of things, we have a core element that allows Canvas to display your website content inside an app, called WebView.

    We also have integrations with third-party platforms such as OneSignal for push notifications and Firebase for app analytics.

    Your website

    This is what makes Canvas so powerful, your website is responsible for feeding the app with all the content, features, and design.

    A great website, with meaningful features, good user experience, and fast performance will always convert into a great mobile app using Canvas.

    Another awesome benefit of using your website to power your app is that whenever you make changes to your website, those changes will automatically reflect in your app.

    Configuration

    Whenever your app is opened it will pull a configuration file from the web, which contains all the instructions about which pages should be displayed and how the menus should be organized.

    This allows you to easily make changes to your app without having to go through the process of rebuilding the app and resubmitting it for a new review in the stores.

    Here is a diagram for reference:

    Next steps

    Hopefully, the concept of Canvas is now a bit clearer to you.

    Moving forward you will find resources on how to use your app feature, change its configuration and integrate it further with your website.

    We have separated a list of frequently asked questions below, but feel free to navigate through our resources using the sidebar on the left.

  • Add music and video players in your News app

    Generally, the contents such as posts and pages will preload once the app is opened and online.However, streaming content such as music (e.g. Soundcloud, Spotify, Podcasts) and videos (e.g. Youtube, Vimeo), will only work when the user is connected to the internet.

  • Using the Code Editor | vendrux

    https://www.youtube.com/watch?v=JBgdDD6uCWQThe Editor included in the Vendrux WordPress plugin allows you to customize your app’s post, page, and lists with your own CSS/javascript, PHP, or HTML code.Note you’re adding code that will be executed outside “the loop”, therefore you’ll need to refer to the current post ID with the $post->id variable – most WordPress functions and plugins will be accessible with custom code.Here are some frequent uses for the editor:

    Through the editor and the “head” and “footer” code placements, you can easily load some themes or plugin’s CSS or Javascript, which may be necessary for its output to work correctly in the app. You may also load the wp_head(); function to load all the standard javascript and CSS loaded first in your site’s template, as well as the wp_footer(); function for those loaded last.

  • Using the Canvas Dashboard | vendrux

    Using the Canvas Dashboard | vendrux

    The Canvas Dashboard is the configuration area for your app, it allows you to easily adjust the bottom navigation, login options, alerts, and many other elements.

    In this guide, we will go through the most used settings and how to modify them.

    Making changes to your app

    Before anything, it is important to understand that your app configuration is live, meaning that any changes you make will be instantly applied to your apps as soon as you save them.

    Once you modify the values of your settings, you just need to click the “Save changes” button and your changes will be applied.

    In order to be able to see the changes on the apps you will need close and reopen them.

    Menu

    In the menu area you will be able to configure the menu displayed at the bottom of your app, which consists of a set of tabs, each with its own label and icon.

    Labels and links will be available as text inputs, see below:

    You can easily drag and drop the tabs to re-order them:

    We have a set of default icons that you can pick from:

    If you prefer to use something different you can easily upload your own .png icon, making sure to follow these requirements:

    • The icon must have a transparent background
    • The icon must have the final color for the active and default states (the values from the app configuration will not be applied to custom icons)
    • The icon must have a maximum size of 250x250px
    • The icon must be in .png format

    Navigation

    The navigation area will allow you to configure different aspects of the elements that help users with navigating through the app content, such as the back bar displayed at the top and the loading spinners.

    We generally recomment to keep these as default, since they have been pre-configured to provide users with the best experience in the app.

    Colors

    As the title suggests, here you will be able to configure the colors of different elements displayed throughout your app.

    The main elements you might want to adjust are the colors of tabs and loading spinners.

    Notifications

    Under Notifications you will be able to create and manage the notification tags, which allow users to select from which topics they want to receive notifications from.

    We have a more detailed guide with more details on how the notification tags work here: How to use notification tags

    Login

    If you want to require users to login before they can access the content of your app, this is the place where you will be able to configure that behavior.

  • Using the Advanced Configuration | vendrux

    The basic configuration of Canvas will give you control over the tabbed menu and its colors, but in order to make further changes to the design and even behaviors of your app, you will need to use the advanced configuration.Below you will find a detailed explanation for each one of the available settings for the advanced configuration:

    General Configuration

    Configuration NameTypeDescriptionRemote_Server_Availabletrue/falseIf true, the app will look for the Vendrux Canvas plugin and the login endpoint on the URL specified below.Remote_Server_Root_URLtext (url)The URL to your website where the Vendrux Canvas is installed.Development_Always_Download_New_Config true/falseYou can enable this to make sure the app always downloads the latest remote configuration when it starts. It makes sense to disable it once the app is published and configuration changes are less frequent (it will take a couple loads of the app for a change to take effect, but the start time will be reduced).Allow_Local_Caching_For_Offline_ModeWhen local caching is enabled, the app stores the pages opened during a session (all tabs, any link clicked) and makes them available for offline use.Main_Page_URLtext (url)The page that will be displayed when the app is launched in case tabs are not configured.Preload_Main_Page_URLtrue/falsePreload the main page during the splash screen.

    Navigation

    Configuration NameTypeDescriptioniOS_Pull_To_Refreshtrue/falseIf disabled, pulling the screen down will not refresh the current page on iOSAndroid_Pull_To_Refreshtrue/falseIf disabled, pulling the screen down will not refresh the current page on AndroidiOS_Back_Button_Bartrue/falseIf enabled a bar containing a back button will be displayed at the bottom section of your iOS app, allowing users to return to the previous page – swipe from left should still work even if disabled.Android_Back_Button_Bartrue/falseIf enabled a bar containing a back button will be displayed at the bottom section of your Android app, allowing users to return to the previous page – physical back button should still work even if disabledEnable_Progress_Viewtrue/falseIf enabled displays a progress bar above the tabbed navigation while the content is loading.Open_Links_In_A_New_Screentrue/falseIf enabled, whenever a link is clicked a new window will be displayed, over everything, and the link content will load there. Keeping this feature disabled will cause links to load on the current view/tab.Open_External_Links_In_Apptrue/falseIf enabled, external links will open in the app rather than the device’s native browser.Share_Buttontrue/falseIf enabled a share button will be displayed in the bottom bar.Exit_App_With_Back_Buttontrue/falseOn Android, if this is enabled, using the device back button from the app’s main screen will close the app.Enable_Webview_Transition_Animationtrue/falseIf true, when navigating to an internal/external link, an animation will be displayed when the new content is loaded.

    Tab Menu

    Configuration NameTypeDescriptionShow_Tab_Menutrue/falseSet it to true to display the bottom tabbed navigation containing the tabs that were configured in the Items section.Auto_Hide_Tab_Menu_On_Scrolltrue/falseIf enabled, this feature will cause the bottom tabbed navigation to be automatically hidden if the user starts to scroll.ItemsarrayThis item contains the details for each one of the tabs that will be displayed in the bottom tabbed navigation, each item has its own settings as you can see below.

    Items Array

    KeyTypeDescriptionBackground ColorhexThe background color of the tabStatus_Bar_ColorhexThe color of your status bar when the tab is selectedPreloadtrue/falseIf enabled the content of the tab will be pre-loaded in the splash screen.Icon_FontstringIcon_Font_NamestringThe code used for the icon that should be displayed in the tab.Icon_URLstring (url)In case you decide to use a custom icon rather than the available icon libraries, you can insert the URL to the icon image here.URLstring (url)The URL that should be loaded in the tabLabelarrayContains the label for each one of the different languages, using the language code for the key and the label for value, as in the following example:”en”: “Home”,”es”: “Início”Typeconstant: “Webview” or “Alerts”Categorizes the tab item into a certain type.

    Styling

    Configuration NameTypeDescriptionStatus_Bar_Colorhex valueThe status bar color is displayed at the very top of the screen. This can be customized to match the interface colors of your app, but we recommend keeping it black.External_Links_Status_Bar_Colorhex valueThe background color of the status bar when the webview displays an external link in the internal/external screenView_Background_Colorhex valueThe background color for all the screens in the app. This color can be overriden by Webview_Background_Color in each tab itemAndroid_Themeconstants: “Dark” or “Light”Two main styles for the UI elements, following Android standardsNo_Internet_Connection_Colorhex valueThe color used as a background for the “No internet connection available” message.No_Internet_Connection_Text_Colorhex valueThe color used as text color for the “No internet connection available” message.Tab_Bar_Loading_Progress_Colorhex valueThe color to use for the progress bar displayed above the tab barTab_Bar_Background_Colorhex valueThe background color of the Tab MenuTab_Bar_Selected_Tab_Colorhex valueThe color of the icon+text used in the Tab Menu when that tab item is selectediOS_Translucencytrue/falseAndroid_Tab_Bar_Disabled_Tab_Colorhex valueThe color of the icon+text used in the Tab Menu when that tab item is NOT selected (default state)Android_UI_Tab_Background_Colorhex valueThe background color of any other tab bar (i.e. top Alerts bar) used in the appAndroid_UI_Tab_Selected_Colorhex valueThe color of the icon+text used in any other tab bar (i.e. top Alerts bar) inside the app, when that tab item is selectedAndroid_UI_Tab_Disabled_Colorhex valueThe color of the icon+text used in any other tab bar (i.e. top Alerts bar) inside the app, when that tab item is NOT selected (default state)Android_Alerts_Tab_Bar_Bottom_Line_Selectorhex valueMostly used on Android, this colors the line which marks the selected tab in the Alert’s top barWebpage_Unavailable_Button_Colorhex valueThe color for the button which is shown when the page inside a webview is not availableAndroid_Toggle_Switch_Thumb_Color_Onhex valueThe color of the thumb (knob of the switch) when the switch is ONAndroid_Toggle_Switch_Thumb_Color_Offhex valueThe color of the thumb (knob of the switch) when the switch is OFFAndroid_Toggle_Switch_Background_Color_Onhex valueThe color of the background of the switch when the switch is ONAndroid_Toggle_Switch_Background_Color_Offhex valueThe color of the background of the switch when the switch is OFFiOS_Toggle_Switch_Thumb_Color_Onhex valueThe color of the thumb (knob of the switch) when the switch is ONiOS_Android_Toggle_Switch_Thumb_Color_Offhex valueThe color of the thumb (knob of the switch) when the switch is OFFiOS_Toggle_Switch_Background_Color_Onhex valueThe color of the background of the switch when the switch is ONiOS_Toggle_Switch_Background_Color_Offhex valueThe color of the background of the switch when the switch is OFF

    Login

    Configuration NameTypeDescriptionModal_Login_Enabledtrue/falseIf true the app will require users to login in order to access the contentExit_Login_Button_Enabledtrue/falseShow or hide the bottom tab bar on the login screen modal that allows users to exit the login processShow_Login_On_Starttrue/falseIf enabled the login window will be displayed when the app is launchedLogin_URLtext (url)URL that will be displayed in the login windowSignup_URLtext (url)If users should be allowed to register within the app you can insert the sign up URL here.Login_Complete_String_Messagesarray of text valuesIf your page is not redirected to a different URL when the user logs in, you can use this to identify a specific string on the page, to help the app identify if a user is logged in or not. When using this, do not use “Login_Complete_Regex”Login_Complete_Regextext (url – regex)If your user is redirected after logging in you must include the URL to the redirect page so that the app can identify if a user is successfully logged in or not.Signup_Complete_String_Messagesarray of text valuesIf after registering for an account on your website the user is not redirected to a different URL, you can use this to identify a specific string in the success registration page. When using this, do not use “Signup_Complete_Regex”Signup_Complete_Regextext (url – regex)the regex of URL that represents a successful signup.,After a successful registration, the website will redirect to a URL. This regex will represent that URL.Logout_Complete_String_Messagesarray of text valuesIf after logging out on your website the user is not redirected to a different URL, you can use this to identify a specific string in the success logout page. When using this, do not use “Logout_Complete_Regex”Logout_Complete_Regextext (url – regex)If your user is redirected after logging out you must include the URL to the redirect page so that the app can identify if a user is logged out.Login_Check_URLtext (url) can contain $$USER$$ to be replaced in app with the userNameURL that responds with a redirect when the user is not logged in. Performing a request at this URL, if the response.URL then the user is not logged inLogin_Check_String_Messagesarray of text valueswhen there is no redirect, the page should contain this string. Notw! Settings this requires “Login_Check_URL” to be set as well

    Advertising

    Configuration NameTypeDescriptionAdvertising_Enabledtrue/falseUse true to enable the advertising settings belowAdvertising_Platformtext (constant)Use one of our available platforms: “Mopub”, “Admob”, “DFP”Banner_Screen_Locationsarray of text (constants)Accepted constants: “Home”, “PushDetails”,”InternalLinks”iOS_Phone_Banner_Unit_IdtextiOS_Tablet_Banner_Unit_IdtextiOS_Banner_Positiontext (constant)Accepted constants: “bottom”,”top”,”both”iOS_Interstitial_Unit_IdtextiOS_Interstitial_IntervalnumberThe number of internal/external links displayed to the user after which we display an interstitial adAndroid_Phone_Banner_Unit_IdtextAndroid_Tablet_Banner_Unit_IdtextAndroid_Banner_Positiontext (constant)Accepted constants: “bottom”,”top”,”both” !! USE ONLY ONE !Android_Interstitial_Unit_IdtextAndroid_Interstitial_IntervalnumberThe number of internal/external links displayed to the user after which we display an interstitial adBanner_Background_Colorhex valueThe color of the background where the banner will go.

  • Updating an existing app in the store

    Yes you can! We can build and submit your app to replace existing apps built with another service or any developer. We’ll need some information and files from you or your previous developer so that we can proceed.Updating an existing iOS appWhat we’ll need: Bundle ID and version number of the app, Apple distribution certificate, certificate’s private key, certificate password.Updating an existing Android appWhat we’ll need: Package name and version number for the app, keystore file, alias name and passwordYou can forward this to your previous developer or app provider to obtain the information and files we need.In case you can’t obtain these, we’ll have to submit the app as a new app.

  • Uninstall the vendrux WordPress plugin

    Uninstall via the WordPress administration area

    1. Go to Plugins screen.
    2. Find the Vendrux plugin.
    3. Click Deactivate.
    4. Once deactivated, Click Delete

    Manual uninstallation

    1. Login to the site via your FTP Program.
    2. Go to the Plugin directory and find where the Plugin is installed, this is usually the /wp-content/plugins/ directory
    3. Delete the “vendrux-mobile-app-plugin” folder and/or files from your server.