One-expert-swift NPM

one-expert-swift

Made with create-react-library

Install

npm install --save one-expert-swift

Usage

import React from 'react'
// import component and css package
import { OneExpertSwift } from 'one-expert-swift'
import 'one-expert-swift/dist/index.css'

const App = () => {
  return <OneExpertSwift />
}

export default App

Config

file .env

- Dev: 
ONE_EXPERTS_URL='https://swift-dev-api.perfectapps.io/api/'

- Staging:
ONE_EXPERTS_URL='https://swift-api-stag.perfectapps.io/api/'

- Master:
ONE_EXPERTS_URL='https://swift-api.perfectapps.io/api/'

Props

language?

language?: string

The content to display by language. Ex: language='en'

onHandleChargeHireExpert?

onHandleChargeHireExpert?: (value: { price: number, totalPrice: number, numberTicket: string }) => void

Handle charge hire Expert when user click 'Hire Experts' button in popover

language_custom?

interface CustomTranslationFile {
  code: string
  file: any
}

language_custom?: CustomTranslationFile[]

The content to display by the content for you create

onTalkToExpert?

onTalkToExpert?: () => void

Handle event when user click 'Talk to an Expert' button

list_image_section1?

list_image_section1?: string[]

Change image section 1

list_image_section2?

list_image_section2?: string[]

Change image section 2

list_image_section4?

list_image_section4?: string[]

Change image section 4

price_one_ticket

price_one_ticket?: number

Price one ticket when user charge

Structure of content custom

const language_custom = [
  {
    common: {
      btn_hire: 'Hire Experts',
      btn_learn: 'Learn more',
      btn_cancel: 'Cancel'
    },
    modal: {
      hire_experts: {
        title: 'OneExperts',
        des: 'We quickly optimize your store speed',
        sub_des: 'One-time charge',
        text_all_services: 'All services:',
        services: [
          'Images optimization',
          'JS and CSS optimization',
          'Lazy loading images & videos',
          'Clean up theme’s code',
          'Preload critical resources',
          'Speed audit'
        ],
        policies: [
          'I agree to provide OneExperts acccess to my store, theme, and product.',
          "I have read and agree to <a href='https://support.fireapps.io/en/article/terms-of-service-1yvcj8h/?bust=1650967073648' target='_blank'>Terms of Service</a> and <a href='https://support.fireapps.io/en/article/privacy-policy-5e0qee/' target='_blank'>Privacy Policy.</a>"
        ],
        form: {
          numberOfTickets: 'Number of Tickets',
          pricing: 'Pricing',
          total: 'Total'
        }
      }
    },
    one_expert_page: {
      common: {
        btn_hire: 'Hire Experts',
        btn_Talk_to: 'Talk to an Expert'
      },
      banner_component: {
        title: "Maximize your website's perfomance",
        des: "Slow loading pages make your store look unprofessional, and could lead to a dramatic decrease in revenue. We're here to help."
      },
      proven_component: {
        text_positive: 'Positive reviews',
        text_worldwide: 'Worldwide merchants',
        text_years: 'Years of experience',
        topic: 'WHAT IS ONEEXPERTS?',
        title: 'A proven speed-up service',
        des: " FireGroup is a well-known company that also owns <a target='_blank' href='https://apps.shopify.com/ali-reviews'>Ali Reviews</a> and <a target='_blank' href='https://apps.shopify.com/transcy-multiple-languages'>Transcy</a>. We aim to assist online businesses in establishing a solid foundation for success.",
        des_achieve1: 'Trusted by over 1,000,000 worldwide merchants',
        des_achieve2: 'Has five years of Shopify app development experience',
        des_achieve3: 'With more than 10,000 reviews on Shopify Apps Store'
      },
      experience_component: {
        text_positive: 'Positive reviews',
        text_worldwide: 'Worldwide merchants',
        text_years: 'Years of experience',
        topic: 'WHY CHOOSE US?',
        title: 'We value your experience',
        des: 'We respect your time and work. Thus we make serious commitments to meaningful changes to your site.',
        reliable_title: 'RELIABLE',
        reliable_sub_title1: 'Speed increase or get a refund',
        reliable_des1:
          "Your store is guaranteed to improve speed. If not, you'll get 100% of your money back.",
        reliable_sub_title2: 'No cheat codes',
        reliable_des2:
          'No required coding knowledge or any cheat codes. Enjoy your faster performance.',
        quality_title: 'QUALITY',
        quality_sub_title1: 'Good price',
        quality_des1:
          'All-in-one package service at a reasonable price. Usually done within 3-7 business days.',
        quality_sub_title2: 'Detailed reports',
        quality_des2:
          'Audit speed reports for optimization results. No sale interruption all through the process.',
        helpful_title: 'HELPFUL',
        helpful_sub_title1: 'World-class lifetime support',
        helpful_des1:
          'Easy to contact experts at any time you want without limitation.',
        helpful_sub_title2: 'Regularly speed checkup',
        helpful_des2:
          "Keep track of your site's speed and notify you if it begins to slow down."
      },
      store_speed_component: {
        text_img: 'Business days',
        topic: 'WHAT DO WE DO?',
        title: 'We quickly optimize your store speed',
        des: 'Go with experts. You can focus on making money.',
        feat_title1: 'Images and videos optimization',
        feat_des1:
          "Reduce delay time by serving responsive images and 'lazy' loading images or videos only when needed.",
        feat_title2: 'Third-party apps optimization',
        feat_des2:
          'Reduce the Java script of the third-party apps without causing any interruption.',
        feat_title3: "Clean up theme's code",
        feat_des3:
          "Remove uninstalled apps' leftover code that is slowing down the theme's speed.",
        feat_title4: 'Preload critical resources',
        feat_des4:
          'Based on Google Analytics, assign a priority level and tell the browser to preload the content.'
      },
      perfomance_component: {
        title:
          "Only <span>$150</span>, maximize your website's perfomance with <span>OneExperts</span>"
      },
      customer_say_component: {
        title: 'WHAT OUR CUSTOMERS SAY?',
        review_title1: 'Algot Larsson',
        review_sub_title1: 'Founder at Topper Prylar',
        review_des1:
          'The app literally saved my store. Before I used the  OneExperts I had 25 in Score on Google site Speed and 40 on computer. After I payed which was very cheap, I got 96 on computer and 78 on mobile. You lose about 65% of your customers if you have a similar score to what I had. Thank you',
        review_title2: 'Eric Boyd',
        review_sub_title2: 'Director at Reaching Quiet',
        review_des2:
          "I can't put into words how amazing this app was and for an additional $150 they cleaned up code and got us from a Google lighthouse score of 35 to 95. We have spent a year trying to accomplish this and they did it in 2 days. They have my highest recommendations.",
        review_title3: 'Emmy',
        review_sub_title3: 'Founder at Emmy Jane Boutique',
        review_des3:
          "Absolutely brilliant app & the support couldn't be more helpful. I have used the  OneExperts Service to boost my store speed. The price was very reasonable & the results are excellent. My store mobile speed has increased by around 30 points. So happy. I can't recommend highly enough."
      },
      questions_component: {
        topic: 'FREQUENTLY ASKED QUESTIONS',
        title: 'Got a question? Get help anytime, 24/7',
        des: 'Have tested on thousands of stores to find out what works best. We believe good ideas worth spreading.',
        list_question: [
          {
            title:
              'Do I need to provide store permission for the process to start?',
            des: 'Yes, we need Apps, Themes, Product, and Reports permissions to evaluate and optimize your store speed. Therefore, you will need to provide us with a Staff account with those permission in order to do our job. Also, we do have a Privacy policy here, so please do not worry about leaking your valuable information.'
          },
          {
            title: 'What can I expect from OneExperts service?',
            des: "A higher mobile speed score on Google PageSpeed Insights Senior Developers with 5+ years of experience in the Shopify market will take care of your website speed. Depending on the current situation and your store structure, we might optimize your store using these techniques:<br/>- Lazy load images and videos <br/>- Render images in a proper size <br/>- Minify JS/CSS code <br/>- Implement preloading tactics<br/>- Optimize CSS and Liquid code<br/>- App analysis <br/>We'll monthly check up on your speed performance after optimizing and you will be consulted for free by our Customer Support Specialist."
          },
          {
            title: 'Will optimization affect the design of my store?',
            des: "No, our optimization process will only boost your store speed and won't affect anything else (layout, components, features...). To make sure things are safe, we only optimize on the duplicated theme and you can review it before publishing it in your store."
          },
          {
            title:
              'What if I notice there is no improvement after optimization?',
            des: 'Yes, we need Apps, Themes, Product, and Reports permissions to evaluate and optimize your store speed. Therefore, you will need to provide us with a Staff account with those permission in order to do our job. Also, we do have a Privacy policy here, so please do not worry about leaking your valuable information.'
          },
          {
            title:
              'Can I make changes to the site while your team is working on it?',
            des: 'We try our best to make future-proof as much as possible by editing the Liquid theme code and using JavaScript anywhere when applicable. Therefore the edits we perform on your theme are generally long-lasting. We also provide recommendations in the report at the end of the project to give you information for the future. Keep in mind that any changes you make after we have done the optimization task can easily affect our final testing result. We should not have any responsibility in case your store speed becomes worse. Those changes include but are not limited to:<br/>- Change your theme template/structure<br/>- Change the design of your website (font, images, videos, contents, etc.) <br/>- Add more products to your store<br/>- Add more third-party apps <br/>- Delete our optimize code without our notice <br/>In that case, we can do a Free technical analysis for you, and if needed, you would need to open a new request for us to optimize your store again.'
          }
        ]
      }
    }
  }
]

Language support

we support 7 language for default content . English: language='en' Spanish: language='es' French: language='fr' German: language='de' Japanese: language='jp' Portugal: language='pt' Brazil: language='br'