> ## Documentation Index
> Fetch the complete documentation index at: https://developer.upsun.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Why you should care about WeChat before it's too late!

> Learn about WeChat, China's super-app, and discover strategies for reaching its vast user base. WeChat's influence on mobile commerce and marketing.

export const PostMeta = ({data = {}}) => {
  const {author, date, image} = data;
  const authors = Array.isArray(author) ? author : author ? [author] : [];
  const resolveAuthor = slug => {
    const entry = AUTHOR_MAP[slug] || ({});
    const name = entry.name || slug;
    const github = entry.github || null;
    const linkedin = entry.linkedin || null;
    const url = github ? `https://github.com/${github}` : linkedin || null;
    const avatarUrl = github ? `https://github.com/${github}.png?size=64` : null;
    return {
      name,
      url,
      avatarUrl
    };
  };
  const formattedDate = date ? new Date(date).toLocaleDateString('en-US', {
    year: 'numeric',
    month: 'long',
    day: 'numeric'
  }) : null;
  if (!image && authors.length === 0 && !formattedDate) return null;
  const AUTHOR_MAP = {
    "aaron-collier": {
      "name": "Aaron Collier"
    },
    "aaron-dudenhofer": {
      "name": "Aaron Dudenhofer"
    },
    "aaron-porter": {
      "name": "Aaron Porter"
    },
    "adriaan-odendaal": {
      "name": "Adriaan Odendaal"
    },
    "ajmal": {
      "name": "Ajmal Siddiqui"
    },
    "akalipetis": {
      "name": "Antonis Kalipetis"
    },
    "alexander-varwijk": {
      "name": "Alexander Varwijk"
    },
    "alicia-bevilacqua": {
      "name": "Alicia Bevilacqua"
    },
    "amelie-deguerry": {
      "name": "Amelie Deguerry"
    },
    "anacidre": {
      "name": "Ana Cidre",
      "linkedin": "https://www.linkedin.com/in/ana-cidre"
    },
    "andoni": {
      "name": "Andoni Auzmendi"
    },
    "andrei-taranu": {
      "name": "Andrei (Alex) Taranu",
      "linkedin": "https://www.linkedin.com/in/andrei-alex-taranu/"
    },
    "andrew-baxter": {
      "name": "Andrew Baxter"
    },
    "andrew-melck": {
      "name": "Andrew Melck"
    },
    "antoine-crochet-damais": {
      "name": "Antoine Crochet Damais"
    },
    "augustin-delaporte": {
      "name": "Augustin Delaporte",
      "linkedin": "https://www.linkedin.com/in/augustindelaporte/"
    },
    "branislav-bujisic": {
      "name": "Branislav Bujisic"
    },
    "carl-smith": {
      "name": "Carl Smith"
    },
    "caroline-leroy": {
      "name": "Caroline Leroy"
    },
    "cati-mayer": {
      "name": "Cati Mayer"
    },
    "catplat": {
      "name": "C Trinkwon"
    },
    "ceelolulu": {
      "name": "Celeste van der Watt"
    },
    "chadwcarlson": {
      "name": "Chad Carlson",
      "github": "chadwcarlson",
      "linkedin": "https://www.linkedin.com/in/chadwcarlson"
    },
    "chris-ward": {
      "name": "Chris Ward"
    },
    "chris-yates": {
      "name": "Chris Yates"
    },
    "christian-sieber": {
      "name": "Christian Sieber"
    },
    "christopher-lockheardt": {
      "name": "Christopher Lockheardt"
    },
    "christopher-skene": {
      "name": "Christopher Skene"
    },
    "chuck-morgan": {
      "name": "Chuck Morgan"
    },
    "corey-dockendorf": {
      "name": "Corey Dockendorf"
    },
    "crell": {
      "name": "Crell"
    },
    "damz": {
      "name": "Damz"
    },
    "dan-morrison": {
      "name": "Dan Morrison"
    },
    "davidbonachera": {
      "name": "David Bonachera",
      "github": "davidbonachera",
      "linkedin": "https://www.linkedin.com/in/davidbonachera"
    },
    "dereliahmet1": {
      "name": "Ahmet Faruk Dereli"
    },
    "devicezero": {
      "name": "Jonas Kröger",
      "github": "devicezero",
      "linkedin": "https://www.linkedin.com/in/jonaskroeger/"
    },
    "doug-goldberg": {
      "name": "Doug Goldberg"
    },
    "duncan-naves": {
      "name": "Duncan Naves",
      "github": "duncannaves",
      "linkedin": "https://www.linkedin.com/in/duncan-naves-a94423aa"
    },
    "erika-bustamante": {
      "name": "Erika Bustamante"
    },
    "fabpot": {
      "name": "Fabien Potencier"
    },
    "flovntp": {
      "name": "Florent Huck",
      "github": "flovntp",
      "linkedin": "https://www.linkedin.com/in/florenthuck"
    },
    "fred-plais": {
      "name": "Fred Plais"
    },
    "gauthier-garnier": {
      "name": "Gauthier Garnier"
    },
    "gilzow": {
      "name": "Paul Gilzow"
    },
    "gmoigneu": {
      "name": "Guillaume Moigneu",
      "github": "gmoigneu",
      "linkedin": "https://www.linkedin.com/in/guillaumemoigneu/"
    },
    "gregqualls": {
      "name": "Greg Qualls"
    },
    "guguss": {
      "name": "Augustin Delaporte"
    },
    "haylee-millar": {
      "name": "Haylee Millar"
    },
    "ivana-kotur": {
      "name": "Ivana Kotur"
    },
    "jackrabbithanna": {
      "name": "Mark Hanna"
    },
    "jared-wright": {
      "name": "Jared Wright",
      "github": "jww-sh",
      "linkedin": "https://www.linkedin.com/in/jaredwaynewright"
    },
    "jessica-orozco": {
      "name": "Jessica Orozco"
    },
    "joey-stanford": {
      "name": "Joey Stanford"
    },
    "john-grubb": {
      "name": "John Grubb"
    },
    "jonas-kruger": {
      "name": "Jonas Kruger"
    },
    "kathryn-frazer": {
      "name": "Kathryn Frazer"
    },
    "kemiojo": {
      "name": "Kemi Elizabeth Ojogbede"
    },
    "kieronsambrook-smith": {
      "name": "Kieronsambrook Smith"
    },
    "laurent-arnoud": {
      "name": "Laurent Arnoud"
    },
    "letoya-boyne": {
      "name": "Letoya Boyne"
    },
    "lolautruche": {
      "name": "Jérôme Vieilledent"
    },
    "lyly-lepinay": {
      "name": "Lyly Lepinay"
    },
    "manauwar-alam": {
      "name": "Manauwar Alam"
    },
    "marc-antoine-porri": {
      "name": "Marc Antoine Porri"
    },
    "maria-antinkaapo": {
      "name": "Maria Antinkaapo"
    },
    "maria-de-anton": {
      "name": "Maria De Anton"
    },
    "mark-dorison": {
      "name": "Mark Dorison"
    },
    "markus-hausammann": {
      "name": "Markus Hausammann"
    },
    "mary-thomas": {
      "name": "Mary Thomas"
    },
    "mathias-bolt-lesniak": {
      "name": "Mathias Bolt Lesniak"
    },
    "mathieu-strauch": {
      "name": "Mathieu Strauch"
    },
    "matthias-van-woensel": {
      "name": "Matthias Van Woensel",
      "linkedin": "https://www.linkedin.com/in/matthias-van-woensel-267a069"
    },
    "michael-sharp": {
      "name": "Michael Sharp"
    },
    "mupsi": {
      "name": "Marine Gandy"
    },
    "natalie-harper": {
      "name": "Natalie Harper"
    },
    "ngommenginger": {
      "name": "Nicolas Gommenginger",
      "linkedin": "https://www.linkedin.com/in/nicolas-gommenginger"
    },
    "nicholas-bennison": {
      "name": "Nicholas Bennison"
    },
    "nicholas-vahalik": {
      "name": "Nicholas Vahalik"
    },
    "nick-hardiman": {
      "name": "Nick Hardiman"
    },
    "nickanderegg": {
      "name": "Nickanderegg"
    },
    "nicolas-grekas": {
      "name": "Nicolas Grekas",
      "github": "nicolas-grekas",
      "linkedin": "https://www.linkedin.com/in/nicolasgrekas/"
    },
    "niti-malwade": {
      "name": "Niti Malwade"
    },
    "opensocialteam": {
      "name": "Opensocialteam"
    },
    "ori-pekelman": {
      "name": "Ori Pekelman"
    },
    "otavio-santana": {
      "name": "Otavio Santana"
    },
    "palwandi": {
      "name": "Pawan Alwandi",
      "github": "pawpy",
      "linkedin": "https://www.linkedin.com/in/pawanalwandi"
    },
    "patrick-boest": {
      "name": "Patrick Boest"
    },
    "patrick-dawkins": {
      "name": "Patrick Dawkins",
      "github": "pjcdawkins",
      "linkedin": "https://www.linkedin.com/in/patrickdawkins"
    },
    "patrick-klima": {
      "name": "Patrick Klima"
    },
    "pjcdawkins": {
      "name": "Pjcdawkins"
    },
    "prineet-kaurbhurji": {
      "name": "Prineet Kaurbhurji"
    },
    "quentin-sinig": {
      "name": "Quentin Sinig"
    },
    "ralt": {
      "name": "Florian Margaine",
      "github": "ralt",
      "linkedin": "https://www.linkedin.com/in/florian-margaine-43971136"
    },
    "ramanathanramakrishnamurthy": {
      "name": "Ramanathanramakrishnamurthy"
    },
    "remi-lejeune": {
      "name": "Rémi Lejeune"
    },
    "ribel": {
      "name": "Taras Kruts"
    },
    "robert-douglass": {
      "name": "Robert Douglass"
    },
    "rudy-weber": {
      "name": "Rudy Weber"
    },
    "ryan-hicks": {
      "name": "Ryan Hicks"
    },
    "sabri-helal": {
      "name": "Sabri Helal"
    },
    "savannah-bergeron": {
      "name": "Savannah Bergeron"
    },
    "shannon-vettes": {
      "name": "Shannon Vettes"
    },
    "shawn-ogasawara": {
      "name": "Shawn Ogasawara",
      "linkedin": "https://www.linkedin.com/in/shawn-ogasawara-83a9a0/"
    },
    "shawna-spoor": {
      "name": "Shawna Spoor"
    },
    "shedrack-akintayo": {
      "name": "Shedrack Akintayo"
    },
    "simon-ruggier": {
      "name": "Simon Ruggier"
    },
    "sophie-van-der-kindere": {
      "name": "Sophie Van Der Kindere"
    },
    "stefanos-thampis": {
      "name": "Stefanos Thampis"
    },
    "stephen-weinberg": {
      "name": "Stephen Weinberg"
    },
    "sukhman-virk": {
      "name": "Sukhman Virk"
    },
    "sumaira-nazir": {
      "name": "Sumaira Nazir"
    },
    "sumer": {
      "name": "Sümer Cip"
    },
    "syed-raza": {
      "name": "Syed Raza"
    },
    "tamara-bacchia": {
      "name": "Tamara Bacchia"
    },
    "tara-arnold": {
      "name": "Tara Arnold"
    },
    "theosakamg": {
      "name": "Mickael Gaillard",
      "github": "theosakamg"
    },
    "thomasdiluccio": {
      "name": "Thomas di Luccio"
    },
    "tim-anderson": {
      "name": "Tim Anderson"
    },
    "tom-helmer-hansen": {
      "name": "Tom Helmer Hansen"
    },
    "tylermills": {
      "name": "Tyler Mills"
    },
    "upsun": {
      "name": "Upsun"
    },
    "veronika-tolkachova": {
      "name": "Veronika Tolkachova",
      "linkedin": "https://www.linkedin.com/in/veronika-tolkachova-169167a2"
    },
    "vince-parker": {
      "name": "Vince Parker"
    },
    "vinnie-russo": {
      "name": "Vincenzo Russo"
    },
    "vrobert78": {
      "name": "Vincent Robert",
      "github": "vrobert78",
      "linkedin": "https://www.linkedin.com/in/vincent-robert-498a883"
    },
    "yuriy-babenko": {
      "name": "Yuriy Babenko"
    },
    "yuriy-gerasimov": {
      "name": "Yuriy Gerasimov"
    }
  };
  return <div className="post-meta">
      {(authors.length > 0 || formattedDate) && <div className="post-meta-info">
          {authors.length > 0 && <div className="post-meta-authors">
              {authors.map(slug => {
    const {name, url, avatarUrl} = resolveAuthor(slug);
    const inner = <>
                    {avatarUrl && <img src={avatarUrl} alt={name} className="post-meta-avatar" />}
                    <span className="post-meta-author-name">{name}</span>
                  </>;
    return url ? <a key={slug} href={url} target="_blank" rel="noopener noreferrer" className="post-meta-author">
                    {inner}
                  </a> : <span key={slug} className="post-meta-author">{inner}</span>;
  })}
            </div>}
          {authors.length > 0 && formattedDate && <span className="post-meta-separator" aria-hidden="true">·</span>}
          {formattedDate && <span className="post-meta-date">{formattedDate}</span>}
        </div>}
      {image && <img src={image} alt="" className="post-meta-image" aria-hidden="true" />}
    </div>;
};

<PostMeta data={{ author: ["guguss"], date: "2018-10-31", image: "/images/posts/unknown/why-you-should-care-about-wechat-before-its-too-late/why-you-should-care-about-wechat-before-its-too-late.webp" }} />

<Tip>
  This post was originally published on the Platform.sh blog and reflects information from the time of publication.
</Tip>

Launched by Chinese tech giant, Tencent, in 2011, WeChat is the Chinese super-app you won't be able to avoid in the near future. But it's not too late to step in.

In this post, I'll explain how Chinese users surf the Internet, and introduce the most important WeChat concepts that you need to understand before taking the leap.

## The future of the Internet is on mobile

I'm sure you're familiar with Black Friday, Cyber Monday, and Thanksgiving. But have you heard about Single's Day? Single's Day, which takes place on November 11 (11/11), is the unofficial Chinese holiday celebrating the pride of being single. (It's like the anti-Valentine's Day.) And it's famous for being the largest shopping day in the world.

Last year, Alibaba's marketplaces, Tmall and Taobao, made more than US\$25.4 billion in sales during Single's Day. This event is now nearly [four times the size of America's biggest shopping days, Black Friday and Cyber Monday](https://www.forbes.com/sites/augustrick/2017/12/03/singles-day-has-eclipsed-cyber-monday-and-black-friday-but-they-all-share-the-same-goal). And nearly 90% of the sales happened on mobile!

Today, [China's Internet population has reached 802 million people](https://www.statista.com/chart/15202/the-number-of-internet-users-in-china), representing about 57.7% of the entire Chinese population. More importantly, 788 million users are mobile users, accounting for 98% of the country's total user base.

In comparison, there's an estimated of 300 million Internet users in the US.

On an average day, WeChat receives approximately 30% of all the time spent in mobile apps in China ([based on the 2017 Internet Trends Report](https://fr.scribd.com/document/349976554/mary-meeker-s-internet-trends-report-2017)).

On top of that, WeChat accounts for 90% of all messaging app users in China, while Facebook Messenger [doesn't reach 30% in the US](https://www.statista.com/statistics/350461/mobile-messenger-app-usage-usa/).

So yes, WeChat is huge and dominant in China, and it's coming to your door.

## Quick tour of WeChat

With more than [1 billion monthly active users](https://www.chinainternetwatch.com/24497/tencent-q1-2018/) WeChat is the largest messaging app in China.

WeChat embeds a complete ecosystem of tools and services, enabling users to buy train and plane tickets, read news, purchase and manage city services, pay for utilities, book a doctor’s appointment, pay for traffic fines, hail a ride share, book a stay at a hotel, get a bike share, order takeout, donate to charity, pay taxes, and more.

WeChat also includes a payment system, called *WeChat Pay*, used by more than [800 million users worldwide](https://technode.com/2018/03/01/wechat-pay-social-networking/), accepts [13 currencies](https://technode.com/2018/03/01/wechat-pay-social-networking/) in more than [25 countries](https://technode.com/2018/03/01/wechat-pay-social-networking/), and is available in more than [300,000 offline stores](https://www.prnewswire.com/news-releases/wechat-hands-out-lucky-money-on-new-yorks-times-square-billboards-during-chinese-new-year-300215938.html). WeChat Pay has already replaced cash for many Chinese citizens.

Today, WeChat is mostly used in China, but it's expanding very quickly overseas. International brands that have already taken the leap are targeting Chinese consumers in mainland China, as well as Chinese tourists and expatriates consuming overseas (*travel retail*). Those brands build marketing campaigns or e-commerce applications on WeChat. In 2013, McDonalds paved the way as the first major overseas company to launch an e-commerce campaign on WeChat. Today, most luxury brands and retail stores have already launched WeChat campaigns, WeChat stores, and WeChat mini programs. Even Google launched its own [WeChat mini program in China](https://china.googleblog.com/2018/07/google-ai.html).

## There are two WeChat networks: overseas (WeChat) and domestic (Weixin)

The most important thing to understand before getting started on WeChat is that there are **two different WeChat networks**.

* [Weixin](https://mp.weixin.qq.com/) for the domestic audience which regroups all users registered from mainland China, Macau, Hong Kong, Taiwan, South Korea, and Japan
* WeChat for the overseas audience which regroups users from every other country.

For *individual account* (users), the mobile phone used to register will define the network that you belong to, whereas for *official account* (businesses), the location of your business entity will define which network you belong to.

While it's true that contacts are shared between both networks (a user on the domestic network can communicate with users on the overseas network and vice versa), you should know that a user registered on the domestic network won't be able to follow or join an official account on the overseas network.

This means that if you open a WeChat official account (overseas) for your brand or company, you won't have access to the audience of the domestic network. To access the domestic audience, you need a Weixin official account (domestic), which requires you to have a business entity in China.

Also, some marketing features (like advertising, tracking, reporting) are currently available only in the domestic network. However, those features are frequently deployed on the overseas network, eliminating the issue in most cases.

As more countries are added to the domestic network, the boundaries between both networks are shrinking, and more features are being rolled out on both networks.

So, opening a WeChat official account today is a very good first step into the giant WeChat ecosystem.

## There are two WeChat application types: H5 site and mini program

In the past, brands were building WeChat-optimized websites (aka H5 site), which open in the WeChat browser, to run marketing campaigns, increase brand awareness, and sell products. Today, many brands are still building H5 sites as they're easy to develop and deploy using the same technologies developers use every day.

In January 2017, Tencent launched their *WeChat mini programs*. A WeChat mini program is a lightweight application (less than 10MB) that runs instantly on WeChat’s interface. WeChat mini programs have seen an explosive growth, and there are more than 1 million WeChat mini programs available today, with 280 million daily users. It's quite impressive knowing that it took Apple [10 years to reach 2.1 million mobile applications in its app store](https://blog.appfigures.com/ios-developers-ship-less-apps-for-first-time/)!

E-commerce and gaming are the most popular segments among mini programs. Many major consumer brands have already launched their own mini program, offering an incredible potential to attract customers and monetize on WeChat.

According to the [Mini Program Ecosystem Evolution 2018](https://wemedia.ifeng.com/70405277/wemedia.shtml) report from Jisu, mini programs have reached a "hyper-growth" period and are beyond the early stages of "exploration" and "market activation." Even though mini programs are on their way to ‘maturity stage,’, it's still not too late for brands to join this incredible consumption trend.

Both H5 sites and mini programs have pros and cons; your choice will depend on what you want to achieve. In either case, feel free to contact us for more details about this topic.

## Deploy your WeChat application on Platform.sh

Whether you plan to build a WeChat H5 site or a WeChat mini program on the overseas network, Platform.sh is definitely the right choice.

Platform.sh has unique support for multi-applications, enabling you to develop your back end and your front end together in production-like environments. This capability makes building new features and testing backward compatibilities (APIs) extremely simple. Remember that both WeChat H5 sites and WeChat mini programs are always powered by both a back end and a front end.

Platform.sh also supports most of the web programming languages (including PHP, Ruby, Node.js, Python, Go, Java), so you can build your WeChat applications using the frameworks and tools you're already familiar with.

With instant cloning of entire development environments, Platform.sh enables you to implement fast development cycles and iterate quickly when developing and testing your applications.

Talk with you soon on WeChat!