4 | ETHcommerce Examples
230 |Make sure you are in a testnet (for ex. Ropsten) or using your local instance, otherwise if you try it on mainnet your ETH will be lost!
231 |
232 |
259 |
233 |
238 |
234 | Pay with Ethereum
235 |
236 |
237 |
239 |
258 |
240 |
241 | const ethCommerce = new EthCommerce();
242 | ethCommerce.render(
243 | {
244 | targetElement: 'pay-button',
245 | type: 'PAY',
246 | amount: 10,
247 | currency: 'USD',
248 | address: '0x11A7Ca870700f284e4647E55DeD9040f0F86D4D4'
249 | }, (e)=>{
250 | console.log('error callback', e);
251 | },(tx)=>{
252 | console.log('success callback', tx);
253 | }
254 | );
255 |
256 |
257 |
260 |
287 |
261 |
266 |
262 | Buy with Ethereum
263 |
264 |
265 |
267 |
286 |
268 |
269 | const ethCommerce2 = new EthCommerce();
270 | ethCommerce.render(
271 | {
272 | targetElement: 'buy-button',
273 | type: 'BUY',
274 | amount: 5,
275 | currency: 'EUR',
276 | address: '0x11A7Ca870700f284e4647E55DeD9040f0F86D4D4'
277 | }, (e)=>{
278 | console.log('error callback', e);
279 | },(tx)=>{
280 | console.log('success callback', tx);
281 | }
282 | );
283 |
284 |
285 |
288 |
316 |
289 |
294 |
290 | Custom button
291 |
292 |
293 |
295 |
315 |
296 |
297 | const ethCommerce3 = new EthCommerce();
298 | ethCommerce3.render(
299 | {
300 | targetElement: 'custom-button',
301 | type: 'CUSTOM',
302 | amount: 100,
303 | currency: 'CNY',
304 | address: '0x11A7Ca870700f284e4647E55DeD9040f0F86D4D4'
305 | label: 'Get it with ETH!'
306 | }, (e)=>{
307 | console.log('error callback', e);
308 | },(tx)=>{
309 | console.log('success callback', tx);
310 | }
311 | );
312 |
313 |
314 | 
