Crypto Jobs List Blog

How to add Ethereum payments to your site with MetaMask

About a year ago I've uploaded a quick Ethereum and Metamask coding guide on YouTube:

Today, due to popular demand, I’d like to write a quick article on adding Ethereum payments to your website. This guide assumes that you are new to programming, and I’ll try to avoid referencing complex web dev frameworks like React… Knowing basic jQuery will suffice here.

Let’s get your set-up ready, step by step:

  1. Make sure you have Metamask installed.

  2. For development, switch to Ropsten or Kovan development network.

  3. Get some Ether in your account on a test network via https://faucet.metamask.io/

  4. Copy paste this code

  1. Serve your html file through a server. E.g. with https://www.npmjs.com/package/serve. If you’ll open your html file directly in the browser, Metamask won’t be injected (for security reasons).

This is what you get:

metamask.gif

At the core of this function is web3.eth.sendTransaction(). You can read more about it in Web3 Docs. I’d generally recommend reading the docs in and out, but i also understand that what 99% of people want is just a simple guide to making payments.

Please write down your questions in comments below — I’ll be answering them and improving this article too.

Happy coding!

Related Jobs

Read Next

The Ultimate Guide to Becoming a Sought-After Crypto Community Manager: Building a Strong Career in Community Management

The Ultimate Guide to Becoming a Sought-After Crypto Community Manager: Building a Strong Career in Community Management

Shivam ChhunejaMarch 27, 2023 9 min read

Learn the essential skills for a successful crypto community manager, how to find and apply for positions, and get tips from experienced managers. This article covers topics from human psychology to social media marketing and negotiation skills. Discover how a strong and engaged community can help drive adoption and foster innovation in the industry.

Reference Check Questions for Senior Hires: How to Get the Information You Need

Reference Check Questions for Senior Hires: How to Get the Information You Need

Raman ShalupauMarch 23, 2023 4 min read

Reference checks are a crucial part of the hiring process, especially for senior positions. While interviews can give you a sense of a candidate's skills and qualifications, reference calls allow you to get a more comprehensive picture of their work history, strengths, and weaknesses. However, getting useful information out of reference calls can be challenging. Referrers may be hesitant to say anything negative, even if it's true, and may not always offer the information you need to make an informed decision. In this article, we'll provide you with some effective reference check questions that can help you get the information you need to make a smart hiring decision.

2022 Crypto Jobs Report

2022 Crypto Jobs Report

Federico SpitaleriRaman ShalupauJanuary 30, 2023 17 min read

2022 has been a hard year for the web3 ecosystem, with Bitcoin reaching $16k and major projects like Celsius, 3AC and FTX (just to name a few) facing insolvency. In this 2022 Crypto Jobs Report we aim at showing how the above mentioned events impacted hiring trends for 2022 and what we can expect to see in the upcoming year.

Welcome to 2023

Welcome to 2023

Raman ShalupauJanuary 16, 2023 5 min read

The Crypto Jobs List team has been productive in 2022, implementing new features and improvements on the platform, including newsletter subscriptions by category, job bookmarks, tags, job sorting, verified company badges, and a Trends page to compare hiring volumes to crypto market prices. They have also added a Success Stories page, video applications, Ethereum push notification service integration, and improved overall page performance.